CSS层叠样式表
1.格式
h1 {name:'abc'，color:'red'}；
选择器-属性-值
2.ID和类选择
#ID
.类
3.CSS引用方式
link文件-外部样式表
script style-内部样式表
标签 style-内联样式
4.background背景
~background
~-color 背景颜色
~-repeat 是否重复
~-position 背景图片的位置
5.css文本
text-align 设置文本的横向位置，center，right，justufy（宽度相等）
text-decoeation-
overline横线上标
line-through-中间斜杠
underline-横线下标
6.文本转换text-transform
uppercase 转换为大写
lowwercase 转换为小写
capitize 首字母大写
7.文本缩进 text-indet
text-indent：50px
8.css-link标签操作
a:link{} 未访问时显示的状态
a:visted访问之后的状态
a:hover 悬浮时的状态
a:active 鼠标点击时的状态
9.列表样式list-style
list-style-image--将列表的圆点用图片代替
list-style-position--设置圆点的位置
10.css表格
border-边框
表格文本对齐 text-align和vertical-algin对齐
11.css盒子模型
conten-padding-border-margin
12.border边框设置
12.1 border-style
dotted-点线 double-双实线
dashed-虚线 groove--3d沟槽
solid-实线
12.2 宽度和颜色
border-width
border-color
13.css outline属性
元素周围绘制一条线，用来突出元素
同样有style，color，width
14.margin
margin 0 0 0 0 顺时针 上右下左
margin 0 0 0 上 左右 下
margin 0 0 上下 左右 padding同理
15.css尺寸dimension
height-元素的高度
line-height-行高
max-length
min-length
width
max-width
min-width
15.display和visibility
display是设置属性如何显示，当设置为none的时候，元素消失，且不占用空间
visibility是设置元素是否显示，当设置为hidden的时候，元素小时，并且占用空间
16.块和内联元素
块
可以设置宽度，高度等，独立占有一行
内联元素 不可以设置高度宽度，和其他元素共享一行
17.CSS组合选择符
> + ~
空格：后代选择器：可以选择标签的所有后代，子子孙孙
大于号：子代选择器，可以选择标签的子代，只能选择儿子，
+：相邻兄弟选择器：在同一个父类下，可以选择在此之后的兄弟标签
~：选择此元素之后的所有兄弟元素
18，伪类
匹配第一个p元素
p:first-child{ }
匹配第一个p元素下的所有i元素
p:first-child i{ }
19css伪元素
p:first-line 第一行
p:first-letter：第一个字/字母
brfore：在这个标签之前
20/导航栏联系
转载于:https://www.cnblogs.com/hai125698/p/10233745.html