趁着年轻，多学学

基本术语元素元素是文档结构基础。 p table span a div...替换和非替换元素替换元素：替换元素内容的部分 img input非替换元素：p h span...元素显示角色块级元素(block-level) 和行内(inline-level)元素。块级元素：默认会填充父元素的内容区，旁边不能有其他元素。 p div ol ul等。行内元素：在一个文

元素选择器html{color:black;}h2{color:gray;}h1{color:silver;}分组选择器分组分组用，分隔开h2, p{color:gray;}通配选择器**{color:red;}类选择器和ID选择器类选择器.   Title *.wa

继承(inheritance)：是一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，用户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源。这个过程称作层叠(cascade)。特殊性 权重选择器的特殊性：特殊性值（权重）:0000ID:                                       0100类属性、属性选

关键字none去除下划线栗子：a:link,a:visited{text-decoration:none;}none栗子inherit所有属性共有的关键字：inherit 继承父元素的时候使用#toolbar {background:blue;color:pink;}#toolbar a{color: inherit;} 测试inherit 继承颜色为

字体 font-family主要介绍两个：Serif字体和Sans-serif字体#serif-type{font-size:40px;font-family:serif;}#sans-serif-type{font-size:40px;font-family:sans-serif;}这是一段 serif 的字体 ； this is serif，看着像宋体 细又长这是一段 sans-

c

正常流：大多数元素都在正常流中，浮动或定位元素就不在正常流中了。完整盒模型图，见P179 记住height width是不包含padding更别说说border了 水平格式化水平格式化：width影响的是内容区的宽度，而不是整个可见的元素框。可见元素框的宽度是220px，整个元素框的宽度为260px水平属性margin-left、border-left、padding-

宽度和高度宽和高不能应用到行内非替换元素。width和height应用于块级元素和替换元素。内边距和外边距margin:t r b l;百分数值定义为相对父元素的width，不仅应用于左右外边距，也应用于上下外边距。简写：margin:t r l;margin:t r;margin:t;margin-top margin-right margin-botto