开始复习了HTML+CSS因为考试的关系很久没码了我看也忘了许多东西，于是就重新拿起细说PHP，从第一章开始看（正好也有配套练习题）
细说PHP确实很优秀，当然因为出版时间的缘故书中有些东西W3SCHOOL并不是这么写的。
alt与title属性的区别：
上次做网页的时候就发现了这个问题，图片希望鼠标放在该图片上显示文字，结果使用了alt却不出现，查了一下发现，标注alt主要是在图片没加载出来时显示文字以及用于SEO，那项功能因为IE的缘故被误读为“也能实现”，实际上是不正确的。
如果要实现该效果，用title就可以了。
锚记定位：
书中所写的name，看了W3School说已经被id取代，确实这样更方便使用，链接指向#+id或者#+name就可以了。
样式表优先级：
如果同时使用内联样式表和嵌入样式表，并设置了相同属性，则内联样式表优先级高。而同时使用嵌入样式表和外部样式表并设置相同属性，优先级由出现的先后顺序决定（后出现的覆盖先出现的）。
内联样式表：
嵌入样式表：
神奇的引入法：
元素定义多个类：
一个HTML元素可以同时使用多个类选择器，用空格分开，如：
为p元素定义了one two three三个类。（对id不行）
关联选择器：
<p>
<table>
<tr>
<td>111</td>
</tr>
</table>
</p>
p td {
color:red;
}
这样同样会让td中的111变为red
W3School称为后代选择器
与子元素选择器有区别：
http://www.w3school.com.cn/css/css_selector_child.asp
选择器优先级：
ID选择器 > 类选择器 >关联选择器 > HTML选择器
1.一个标签选择器值1分。
2.一个类选择器值10。
3.一个ID选择器值100分。
4.一个行内样式（如：style）值1000分。
附：!important值∞
边框注意事项：
p {border-style: none; border-width: 50px;}
不仅没有边框，而且边框宽度为0，无边框不可能有边框宽度，所以要使用边框必须要定义边框样式，透明边框：
border-color: transparent;
用于创建一个不可见的有宽度的透明边框
List取消默认缩进：
ul {
padding: 0px;
margin:0px;
}
设置图像时首先设置好padding，然后如：
ul a { /* 为列表元素中的超链接定义样式 */
padding-left: 12px; /* 设置链接中的文本左内添加12px的空白 */
background: url(bullet.gif) no-repeat 0 center; /* 使用背景图像为链接添加自定义的符号 */
}
左边距离为0 center为设置竖直居中
导航条：
li
{
display:inline;
}
变为行内元素即可
不过似乎这个更好用一点：
li {
float:left;
display:block;
}
导航条需要居中必须要精确好div的宽度
display:none与visible:hidden：
display:none使元素彻底消失，不占位
visible:hidden，看不到，但占用空间
另：关于display的扩展阅读：http://www.divcss5.com/rumen/r291.shtml
text-indent：
文本缩进，与background配合可以发挥添加icon的效果（嘛虽然貌似伪元素:before也可以）
text-decoration：
有underline（下划线）overline（上划线）line-through（删除线）blink（闪烁）none（无）
去除超链接下划线：text-decoration:none
text-shadow加文字阴影：
如1px 1px 1px #888 用法与其他设置类似
利用绝对定位，一个居中的模型：
width:300px; /* 定义盒子宽度为300px */
height:200px; /* 定义盒子高度为200px */
position:absolute; /* 使用绝对位置进行定位 */
left:50%; /* 左部盒子开始位置是页面宽度的50% */
top:50%; /* 顶部盒子开始位置是页面高度的50% */
margin-left:-150px; /* 左部开始位置再退回盒子宽度的一半 */
margin-top:-100px; /* 顶部开始位置再退回盒子高度的一半 */
background:#BABABA; /* 定义盒子的背景颜色为灰色 */
盒子居中设计2：
body { /* 为网页主体内容区域设置样式 */
margin:0; /* 设定网页外部边距值为0，消除body默认值 */
padding:0; /* 设定网页内部边距值为0，消除body默认值 */
text-align:center; /* 为了在IE中设置主体容器盒子居中 */
}
#container { /* 为布局的最外层容器使用ID选择器设置样式 */
width:966px; /* 设置最外层容器宽度为966px */
margin:0 auto; /* 设置外边距上下为0，左右自动，则在FF中居中 */
text-align:left; /* 再将主容器中的文本内容调回为居左显示 */
background:#888; /* 临时设置一下背景颜色显示主容器布局效果 */
height:800px; /* 也是临时设置一下高度显示主容器的布局效果 */
}
Div中文字水平，竖直居中：
水平居中很容易：
text-align: center;就行了，竖直居中目前找到最方面的是line-height: 30px（30替换为设置的层高）
Div竖直居中：
position: relative;
top:50%;
margin-top: -150px; /\* 为 1/2的height \*/
HTML常用字符实体：
显示结果 | 描述 | 实体名称 | 实体编号 |
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
￠ | 分 | ¢ | ¢ |
£ | 镑 | £ | £ |
¥ | 日圆 | ¥ | ¥ |
€ | 欧元 | € | € |
§ | 小节 | § | § |
© | 版权 | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
伪类：
属性 | 描述 | CSS |
向被激活的元素添加样式。 | 1 | |
向拥有键盘输入焦点的元素添加样式。 | 2 | |
当鼠标悬浮在元素上方时，向元素添加样式。 | 1 | |
向未被访问的链接添加样式。 | 1 | |
向已被访问的链接添加样式。 | 1 | |
向元素的第一个子元素添加样式。 | 2 | |
向带有指定 lang 属性的元素添加样式。 | 2 |
伪元素：
属性 | 描述 | CSS |
向文本的第一个字母添加特殊样式。 | 1 | |
向文本的首行添加特殊样式。 | 1 | |
在元素之前添加内容。 | 2 | |
在元素之后添加内容。 | 2 |