1、通配符选择器
*{margin:;padding:;}
tagName 元素选择器 div{width:;height:;}
.className类选择器 .box{width:;height:;}
#idName id选择器 #box{width:;height:;}
2优先级排序:
通配符 < 标签 < Class < Id
- 优先级相同的选择器后写的样式会覆盖前面的
3、后代选择器优先级多种情况
ID选择器个数不相等,ID个数多的优先级高,后面不用比
ID选择器个数相等,则看class个数
class 个数相等 ,再看tagName 个数
#wrap ul li .list{} 和.wrap ul li #list{}优先级一样
选择器使用原则:准确的控制选中元素
4、样式的优先级
外部引入样式
引入式;
<link rel='stylesheet' type='text/css' href='url.css'/>
导入式
写在style标签里面的@import"mystyle.css";
注意:外部css需要 设置编码 @charset 'UTF-8';
行内样式 > 内部样式 = 外部样式
5、常用CSS3 样式
圆角 border-radius:
四个值: 左上 右上 右下 左下
三个值: 左上 右上左下 右下
两个值: 左上右下 右上左下
一个值: 所有角一样的值
圆角单样式写法
左上角border-top-left-radius:
右上角border-top-right-radius:
右下角border-bottom-right-radius:
左下角border-bottom-left-radius:
border-radius:50%; 圆形
盒子阴影 box-shadow
h-shadow 水平偏移量。允许负值 ( 必需)
v-shadow 垂直偏移量。允许负值 (必需)
blur 模糊半径 (可选。)
spread 阴影的大小 (可选。)
color 阴影的颜色 (可选。)
outset 外部阴影 (默认) 内部阴影(inset可选 )
溢出隐藏 overflow:
visible 默认值
hidden 隐藏,并且其余内容是不可见的。
scroll 出现滚动条
auto 根据内容情况来决定是否出现滚动条
水平溢出隐藏 overflow-x:
垂直溢出隐藏 overflow-y: