经典移动端网页设计 第1篇
最优的解决办是定义vertical-align，注：定义vertical-align为middle时在IE6中大概还有一像素的顶边距，最好为top或bottom。当然还有种极端解决办法大家可以试试就是将 父容器的字体大小为零，font-size:0
（1）转化成（行级）块元素
（2）浮动，浮动后的元素默认可以转化为块元素（可以随意设置宽高属性）
（3）给 img 定义 vertical-align（消除底部边距）
（4）将其父容器的font-size 设为 0；
（5）给父标签设置与图片相同的高度
父级的宽度不够，导致元素无法并排显示；
行内样式、内部样式（写一个style）、外部样式
word-spacing : 单词
letter-spacing : 字母、中文
text-decoration : underline | overline | line-through
宽度（width）
颜色（color）
线形（solid，dashed，dotted，）实线，虚线，点画线
diaplay：block | inline-block
title ：鼠标放入时提示的文字，
alt : 图片路径出错时，提示文字
经典移动端网页设计 第2篇
(1) XHTML 所在标签都必须小写
(2) XHTML 标签必须成双成对
(3) XHTML 标签顺序必须正确
(4) XHTML 所有属性都必须使用双引号
(5) 不XHTML 允许使用target=”_blank”
(6) XHTML 文档必须拥有根元素。
(7) XHTML 元素必须被正确地嵌套。
结构层 Html 表示层 CSS 行为层 js
选择器{属性1:值1;属性2:值2;……}
废弃的元素包括：
· frame
· frameset
· noframe
· applet
· big
· center
· basefront
答：内联，内嵌，外链，导入
（1）link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义RSS，定义 rel 连接属性等作用，无兼容性，支持使用javascript改变样式；而@import是CSS提供的，只能用于加载CSS，不支持使用 javascript 改变样式；
（2）页面被加载的时，link 会被同时加载，而@import 引用的CSS会等到页面加载完再加载；
（3）import是 提出的，以下浏览器不支持，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题。
主要分成两部分：渲染引擎（layout engineer或Rendering Engine）和 JS 引擎。
经典移动端网页设计 第3篇
span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select（下拉列表）、small、sub、sup，strong、u（下划线）、button（默认display：inline-block）
从浏览器的显示结果可以看出，相邻的行内元素不换行，宽度即为内容的宽度、padding的4个方向都有效（从span标签可以看出，对于行内非替换元素，不会影响其行高，不会撑开父元素；而对于替换元素，则会撑开父元素）、margin只有水平方向有效（其中垂直方向的margin对行内替换元素（比如img元素）有效，对行内非替换元素无效）、不可以设置width和height属性。行内块元素表现其实和行内元素一样，只是其可以设置width和height属性。
经典移动端网页设计 第4篇
答案： 、 、 、。
外边距重叠就是 margin-collapse。
在CSS当中，相邻的两个盒子的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。
折叠结果遵循下列计算规则：
rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，
而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！）
垂直方向：line-height
水平方向：letter-spacing (letter-spacing 属性增加或减少字符间的空白)