html任务2 css

1

css的对于层叠来说，共有三种主要的样式来源：

浏览器对HTML定义的默认样式。
用户定义的样式。
开发者定义的样式，可以有三种形式：
定义在外部文件（外链样式）：本教程中案例主要是通过这种形式定义样式。
在页面的头部定义（内联样式）：通过这种形式定义的样式只在本页面内生效。
定义在特定的元素身上（行内样式）：这种形式多用于测试，可维护性较差。

2css的选择

• id选择#
• 类选择 .
• 属性选择 [type=’button’]

• 伪选择器 CSS伪类（pseudo-class）是加在选择器后面的用来指定元素状态的关键字。比如，:hover 会在鼠标悬停在选中元素上时应用相应的样式。

• 关系选择 CSS还有多种基于元素关系的选择器。通过它们你可以更精确的选择元素。见表

伪类列表
:link
:visited
:active
:hover
:focus
:first-child
:nth-child
:nth-last-child
:nth-of-type
:first-of-type
:last-of-type
:empty
:target
:checked
:enabled
:disabled

关系选择列表

常见的基于关系的选择器
选择器 选择的元素
A E 元素A的任一后代元素E (后代节点指A的子节点，子节点的子节点，以此类推)
A > E 元素A的任一子元素E(也就是直系后代)
E:first-child 任一是其父母结点的第一个子节点的元素E
B + E 元素B的任一下一个兄弟元素E
B ~ E B元素后面的拥有共同父元素的兄弟元素E

如果样式中包含冲突的规则，且它们具有相同的确定度。那么，后出现的规则优先级高。