1.属性选择器

/*p[title0]{background-color:yellow;}*/title属性

/*p[title="hello"]{background-color:yellow;}*/ /*title属性为hello的*/

p[title^="ab"]{background-color:yellow;}/*以ab开头*/

p[title$="c"]{background-color:yellow;}/*以c结尾*/

p[title*="d"]{background-color:yellow;}/*包含d的*/

2.其他子元素选择器

1.子元素选择器可以给另一个元素的子元素设置样式。

语法：父元素>子元素{}

p:nth-child(odd){background-color:yellow;} odd奇数行，even偶数行

2.first-child选择第一个子标签

last-child选择最后一个子标签

nth-child选择指定位置的子元素

first-of-type、last-of-type、nth-of-type选择指定类型的子元素

例子：p:first-child{background-color:yellow;}

3.兄弟选择器

span + p{background-color：yellow;}*/ /*查找后面紧挨着的

span ~ p{background-color：yellow;}/*查找后面所有的兄弟

4.否定伪类语法

语法：not（选择器）

5.选择器的优先级

权重

选择器的优先选择级！important

内联样式优先选择器为1000 、id选择器100、类和伪类10、元素选择器1、通配*0

继承的样式，没有优先级

并集选择器的优先级是单独计算的

div ， p , #p1 , .hello{}，后写的覆盖先写的

6.a的伪类

*涉及到a的伪类一共有四个:link、visited 、hover、:active

link/*被访问的*/

:visited/*访问过的*/

:hover/*鼠标经过的*/

:active/*点击的*/

这四个选择器的优先级是一样的，书写顺序l、v、h、a*/

7.文本标签

1.通常em显示为斜体，而strong显示为粗体。

2.i标签会使文字变成斜体。b标签会使文字变成粗体。

3.em和i区别：em标签表示语气强调，但没有语意， i标签只表示斜体

4.small标签会使字体变小，big会使字体变大

5. cite标签可以指明对某内容的引用，例如，戏剧、文章或图书的标题

6.q用于短引用，blockquote用于长引用

7.<sup>，类似于103中的3

sub用于下标，类似余H2O中的2

8.ins表示插入的内容，显示时通常会加上下划线。

del表示删除的内容，显示时通常会加上删除线。

9.pre元素表示的是预格式化文本，

可以使用pre包住code来表示一段代码。

function fun(){ alert("hello");}

</code></pre>

8.列表

一、在网页中一共有三种列表：

1、无序列表:ul li ul>li*4表示的意思是：在ul有四个li

2、有序列表ol li

li是列表项

3、定义列表dl包含dt、dd

dt被定义的对象、dd对内容的描述

去掉项目符号：list-style:none

4<ol type="a">在有序列表的前面就是小写的a

5.无序列表里包含有序列表

<ul><li>小龙虾

</ol></li>

6.dl包含dt,dd

dt被定义的对象

dd对内容的描述

9.单位

1.长度单位，像素px，百分比%

em和百分比类似一个em=1font-size

写.box在按tab自动补齐，写id等于的前面写#号

HTML基础知识（3）