码迷,mamicode.com
首页 > 编程语言 > 详细

Python 使用Google编辑css样式

时间:2019-09-12 18:27:08      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:element   名称   src   python   打开   界面   google   技术   inf   

使用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样式

标签:element   名称   src   python   打开   界面   google   技术   inf   

原文地址:https://www.cnblogs.com/zhangshan33/p/11514296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!