HTML笔记

标签中——鼠标悬浮效果，一定要按照“lvha”的顺序
link：正常的链接
visited：访问过的链接（只能定义字体的颜色）
hover：鼠标滑过的链接
active：正在点击的链接

标签中适用 ：before 指定元素前 ：after 指定元素后 ：frist-letter 首字母 ：frist-line 首行 ：first-child 选择第一个子标签 ：last-child 选择最后一个子标签 ：nth-child（n） 选择指定位置的子元素 选择指定类型的子元素: ：first-of-type ：last-of-type ：nth-of-type(n) （ 例子 p:before{ color：red;} ）

属性选择器——语法！！（符号可参照正则，下列仅是几个比较常用的）
[属性名]
[属性名=“属性值”]
[属性名^=“属性值”]
[属性名$=“属性值”]
（ 例子 p:[title=“xx”]{ color：red;} 指：仅在p标签中的属性title="xx"进行的操作 ）

子元素选择器——语法：父元素 > 子元素{ }
（ 例子 body > h1将选择body子标签中的所 有h1标签。）

权重！！！！！（这个知识点很重要！！！可以定义属性时显示出的优先性）
不同的选择器有不同的权重值：
内联样式（）：权重是 1000
id选择器（id=""）：权重是 100
类、属性、伪类选择器（class=""、type=""、title=""…）：权重是 10
元素选择器（h1-h6、p…）：权重是 1
通配符（*）：没有权重
计算权重需要将一个样式的全部选择器相加，比如上边的body h1的权重是20，h1的权重是10，所以第一个选择器设置 的样 式会优先显示。

斜体
加粗
比父级元素小一点的字号
上标
下标
表示插入的内容，有下划线
表示删除的内容，有删除线

可以插入代码！！（以后可能会常用）

function fun(){

alert(“hello”)

}

有序列表

1. 
   
3. 
   

无序列表

• 
  
•