样式表:
1.行内样式表
2内部样式表
3
外部样式表引入 link 可以被JS控制 与页面同时加载
外部样式表映入 import 不能被JS加载 页面加载完成之后加载 有兼容问题。
4.权重的问题
地位问题,可以相互叠加1+100>100
行内标签权重最高,无法在style里实现
id 100
class 10
标签 1
* 0
后代选择器 求和
行内样式权重最高
内部样式与外部样式权重依据加载顺序,后面的权重更高
群组选择器 .a,.b,.c,{
伪类选择器
尽量不要在DIV上面写,有的电脑兼容会有问题
伪类选择器权重为10
网页检查里面hov,hover
!important权重最高 强制提升优先级 不能常用 !!!!!!!!!!
5.内边距
padding-left会把盒子撑开,没有背景颜色的话可以使用
和margin是一样的用法
6.边框
solid实线
dashed虚线
dotted点线
border:1px边框 do%tted虚线 red颜色
border-left:1px边框 dotted虚线 red颜色(左边框)
三角形的写法宽高为零:
.b{
width:0;
height:0;
border:100px solid;
border-color:red blue yellow pink;}
实现transparent透明色和白色不一样:
布局属性盒子模型
margin
border
pandding
float
width*height
原文:https://www.cnblogs.com/liwei1234/p/13507855.html