CSS简单快速实用手册

外部样式表

<link href="css文件名" rel="stylesheet" type="text/css">

链接到css外部文件

width	宽度
height	高度
fort-height	指定元素的高度
bakground	背景（图片）
margin	四个（上下左右）方向的外边距属性
padding	元素所有四条边的内边距区域
fort-size	字体大小
float	浮动字体方向
display	规定元素应该生成的框的类型或者不显示
border	用于设置各种单独的边界属性的简写属性
cursor	鼠标指针悬停在元素上时显示相应样式
box-shadow	元素的框架上添加阴影效果
position	指定一个元素在文档中的定位方式
z-index	较大的元素会覆盖较小的元素在上层进行显示（控制数量）
overflow	设置了元素溢出框时所需的行为
transition: all .3s	一个元素在不同状态之间切换的时候定义不同的过渡效果和时间
input	表单
list-style：none	去掉无序列表的点
opacity	元素透明度
contain	允许开发者声明当前元素和它的内容尽可能的独立于 DOM 树的其他
background-attachment：fixed；	设置背景图片固定，拉动滚动条，图片不动
line-height	调整行高

1、通用选择器
作用：选中页面中所有元素

语法：* {}

2、id选择器
作用：选中对应id属性值的元素

语法：#id属性值 {}

3、类选择器
作用：选中对应class属性值的元素

语法：.class属性值 {}

4、元素选择器
作用：选中对应元素/标签里面的内容

语法：标签名 {}

5、分组选择器

作用：是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点

语法:A,B {}

“空格”	后代组合器	组合器选择前一个元素的后代节点
>	直接子代组合器	组合器选择前一个元素的直接子代的节点
~	一般兄弟选组合器	后一个节点在前一个节点后面的任意位置，并且共享同一个父节点
+	紧邻兄弟组合器	后一个元素紧跟在前一个之后，并且共享同一个父节点
\|\|	列组合器	表示列关系

6、伪类选择器

伪类用于定义元素的特殊状态

语法：A；状态标签 {}

7、伪元素选择器

CSS 伪元素用于设置元素指定部分的样式

语法：A：：状态标签 {}

8、属性选择器

为带有特定属性的 HTML 元素设置样式

语法：a[属性元素] {}

注意：选择所有带有 target 属性的元素