Python开发【前端】：CSS
css样式选择器
标签上设置style属性：
第一层第二层第三层
直接在div里写相对应的样式
id选择器
Title 第一层
把样式写到head里面，以#开头命名，调用对应样式在div里用id属性指定相应的id名
class选择器（最常用）
Title 第一层第二层第三层
把样式写到head里面，以.开头命名，调用对应样式在div里用class属性指定相应的类名，可以多个div调用
标签选择器
Title 第一层第二层第三层
标签选择器，设置div样式，则body里所有的div标签内的内容都会应用此内容
关联选择器（层级选择器）
Title 第一层span里的div第三层
只让span里面的div标签应用样式，可多层嵌套
组合选择器
Title 第一层第一层第一层
组合选择器，加,号，相同样式多命名
属性选择器
Title
根据属性进行筛选匹配，只有第一个input标签匹配上对应的样式
css样式引用
css样式优先级
Title 第一层
如果样式不冲突，则样式都应用，如果样式有冲突，style样式优先级最大，其次其他的安装编写的顺序，越靠近越优先
文件方式引用样式
定义样式并保存到commons.css文件
.c1{background-color: red;color: white;}.c2{background-color:black;} 引用commons.css文件
Title 第一层
css样式边框
基本边框
第一层边框
边框其他样式
第二层边框
-》》
CSS样式浮动
初识float
左边右边
-》》
float测试页
-》》
注：<body style="margin: 0 auto;">消除与浏览器顶部之间的缝隙；<div style="clear: both"></div>子边框浮动后，显示父边框的边框线
CSS样式display
块级标签和行内标签相互转换
块级行内
-》》
注：display:inline 转换为行内标签；display：block转换为块级标签；另还有display：none不显示
行内标签：无法设置高度，宽度，padding margin
块级标签：设置高度，宽度，padding margin行内块级
-》》
注：display:inline-block 既有inline的属性（默认自己有多少占多少）又有block的属性（可以设置高度、宽度、padding、margin）
CSS样式边距
外边距margin
-》》
注：margin-top：25px表示外边距，子边框与父边框top之间的距离为25px
内边距padding
-》》
注：padding-top：25px表示内边距，子边框内自己与top之间的距离为25px
内容来源：