Python 使用Google编辑css样式,css样式的使用,使用google浏览


使用google浏览器写css

1.使用pychram,创建一个html界面,使用Google运行,打开设置-更多工具-开发者工具
技术图片

2.选中Elements,可看到html代码
技术图片

3.编辑body,选中body,出现三个点(设置),点击Edit as HTML,可写标签,例如div
技术图片
技术图片
技术图片

4.新增一个div标签
技术图片

5.双击可以进行编辑
技术图片

6.选择小尖头,选择渲染后的界面区域,可过滤到这个div的代码
技术图片

技术图片

7.给div标签添加类选择器,class=‘class1‘
技术图片

8.在head标签中添加一个style(css样式)标签,实例选择类选择器进行样式添加
技术图片

9.选中这个.class1选择器,下方出现div.class1,如果没有.class1,点击.cls,进行类的添加名称与选择器的名字一致,勾选后即可对这个选择器进行样式编辑啦
技术图片

10.样式可在这个区域进行修改
技术图片

11.在此就可以对样式进行编辑,可以愉快的在浏览器编辑啦,将属性写到代码中就可以啦
技术图片

12.将调式的属性放到代码中即可
技术图片

13.最后再运行你的html文件,style样式变更新啦
技术图片

Python 使用Google编辑css样式

评论关闭