伪类的使用以及继承属性和table表格

# 伪类： 伪造 class类

链接不同的状态：
a:link{ 未访问的链接
a:visited{ 已访问的链接
a:hover{ 鼠标经过 }
a:active{ 鼠标按下 }

当四个伪类一起使用的时候，使用顺序不能改变。在a标签里使用。
也可以单独使用，如单独使用基本只会使用后两个。

transition:2s; 时间延迟 单位/秒s

通过伪类查找元素:
1.p:first-child{ 查找第一个p标签 }
2.p:last-child{ 查找最后一个p标签 }
3.p:nth-child(n){ 查找第n个p标签 }

:focus 可以设置输入框在聚焦时的样式

伪元素: 伪造的标签

:first-letter 选择元素第一个字母
:first-line 选择元素第一行
:before 在元素之前添加内容
:after 在元素之后添加内容
配合content:“添加的内容”

案例:
div::before{
content: “hahahah”;
color: blueviolet;
}

继承属性

css子类会继承最高元素的属性，子元素的子元素也一样

1、字体系列属性

font-family：字体系列
　　font-weight：字体的粗细
　　font-size：字体的大小
　　font-style：字体的风格

2、文本系列属性

text-indent：文本缩进
　　text-align：文本水平对齐
　　line-height：行高
　　word-spacing：单词之间的间距
　　letter-spacing：中文或者字母之间的间距
　　text-transform：控制文本大小写（就是uppercase、lowercase、capitalize这三个）
　　color：文本颜色

3、元素可见性：
　　visibility：控制元素显示隐藏
　　4、列表布局属性：
　　list-style：列表风格，包括list-style-type、list-style-image等
　　5、光标属性：
　　cursor：光标显示为何种形态

table表格

th   标题
tr   列
td   行

自带的属性
width
height
border
cellspacing   行间距   调整行与行之间的距离
cellpadding   列间距   调整列与列之间的距离
align=“center”   对齐方式

合并行:rowspan
合并列:colspan

vertical-align:垂直居中   center top  bottom

form表单

method=“”   提交方式 
get    明文提交 不安全
post   隐藏提交 安全

action=“”    提交地址

  输入框   单标记
type    类型