《Head first HTML与CSS 第二版》读书笔记 第十章 div和span

width属性只是指的内容区的宽度。要计算整个盒子的宽度须要内容区的宽度加上左右内边距的宽度加上左右外边距的宽度和两个边框的宽度（由于有左右边框）。

若是元素没有指定width属性，它默认的为auto，即内容会延展至整个空间。

指定宽度能够用px或百分比，百分比指的是元素占所在容器的百分比。

通常指定宽度而不指定高度（使默认为auto），这样会根据宽度自动调节高度。

text-align会对元素中全部的内联内容对齐。它只能应用于块元素上，对内联元素不起做用。

 

选择元素子孙的方法： 父元素 子元素{ };

若是只想选择子节点的元素：父元素>子元素{ };

 

line-height属性能够只写数字不带单位，各个元素相对于自己字体的大小。

 

元素属性的简写

padding/margin属性四个方向能够简写：

padding: 0px 20px 30px 10px; 顺序是上 右 下 左。

还能够简写成上下和左右：

padding: 0px 20px; 顺序是上和下 左和右。

border-width,border-style,border-color能够简写为border，属性顺序任意。

background-position,background-color,background-image,background-repeat能够合写成background。

font-family,font-style,font-weight,font-size,font-variant,line-height能够简写到font。在font属性中必须制定字体大小，若是要指定line-height能够在font-size后加/，写成font-size/line-height。若是要使用font-family，则放到最后。

 

使用<span>元素建立内联字符和元素的逻辑分组。

 

设置内联元素的上下内边距不会有效果，而上下外边距会与其余元素重合。

而图像的宽度、内边距和外边距都表现得与块元素相同。

 

<a>元素的伪类:

1. a:link 连接未被访问过；
2. a:visited 连接已被访问过；
3.  a:hover 悬停在连接上； 
4. a:focus 连接得到焦点；
5.  a:active 第一次单击连接。

按前后顺序来肯定使用哪一个样式。