CSS 学习笔记#1 基础篇

1. 外部

<link href="文件名.css" type="text/css" rel="stylesheet" />

href： 文件路径

type：所链接的文档类型

rel：html页面与被链接文件的关系

2. 内部

<style type="text/css">

……

<style

3. 选择器

通用：

*

类型：

h1，h2，h3 针对于h1、h2、h3三个元素

类：

.note 所有class为note的元素

p.note 所有class为note的p元素

ID：

#introduction 所有id为introduction的元素

子元素：

li>a 所有父元素为li的a元素

后代：

p a 所有位于p元素中的a元素

相邻兄弟：

h1+p h1元素后面的第一个p元素（对其他p元素不起作用）

普通兄弟：

h1~p 与h1元素同级的p元素

4. 特性选择器

简单：[]

p[class] 所有class特性的p元素

精确：[=]

p[class="dog"] 所有class特性值为dog的p元素

部分：[~=]

p[class~="dog"] 所有class特性值含有dog（此时的特性值为以空格隔开的单词列表）的p元素

开头：[^=]

p[attr^="d"] 某个特性的值以d开头的所有元素

包含：[*=]

p[attr*="do"] 某个特性的值含有do的所有元素

结尾：[$=]

p[attr￥="d"] 某个特性的值以g结尾的所有元素

5. 规则

就近原则：

后出现的优先级高

具体性原则：

适用范围更小的优先级高

重要性原则：

后面加 !important

6. 继承

大多数元素都可以被继承（范围大到范围小），但background-color和border属性则不行。

可以将属性值设置为inherit来强制继承。