html+css编写简单网页遇到的问题总结

使用html+css，编写类似网页

1.观察网页布局，可以使用table表格进行布局，也可直接进行布局（2017-06-07）

2.本次使用table表格进行布局，首先显示出边框线，规划处几行几列，分别把对应单元格的内容写入单元格即可

遇到的问题：

1.首先固定好整个表格的宽和高，方便后续的单元格内容调整

2.改变位置：了解position:relative;和position:absolute;的区别以及如何结合使用。

       例如：.nav{ position:relative;}     .nav_div{ position:absolute; top:0px;}       div显示在nav的上部

3.display属性作用：display:block就是将元素显示为块级元素；display:inline就是将元素显示为行内元素；display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

4.改变段落中的某部分样式：使用span标签。

    例如：<p><span>A</span>BOUT</p>

            .p span {  font-size:30px;  }      段落中A字母放大

5.由于查询得知，采用表格布局网页，加载的速度很慢，且在实现的过程中对于内容的位置控制很难，所以重新采用三部分布局的方式重新编写（2017-06-08）

6.line-height属性可以减小行与行之间的间距

7.span标签没有id属性，可以直接在原有段落样式的基础上，给某部分文字添加额外的样式

8.首行缩进两个字符：text-indent:2em;

9.首字放大并下沉：font-size放大，float:left;下沉

10.字间距：letter-spacing

11.设置列表的行高：li {  line-height:20px; }