css杂记

1. CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
2.css样式优先级：内联式 > 嵌入式 > 外部式，可以理解为后面的样式会覆盖前面的样式。
3.在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
4.用于选择指定标签元素的第一代子元素？第一代子元素是什么意思？
例如
<div>
<span>
<a></a>
</span>
</div>
这样，span就是div的第一代子元素，也就是div的儿子。而a标签是span的第一代子元素，也就是说a是span的儿子，那么a标签就是div标签的孙子了，也就是第二代子元素了
5.浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

6.空格表示&nbsp;

7.在网页排版中设置文字间隔或者字母间隔可以使用letter-spacing 来实现，这个样式使用在英文单词时，是设置字母与字母之间的间距。设置英文单词之间的间距可以使用 word-spacing 来实现。

8.在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

常用的块状元素有：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：

<img>、<input>