一些自己写网页时遇到的问题及细节处理

1.侧栏问题

在另一篇文章里已经说过了。

2.取消table表头居中问题

这个有两种解决方法

第一种是不写th而是用一个td代替，之后再给这个td加粗即可。

第二种是使用th，给th另外加一个class，之后使用text-align:left

3.合并table边框。

这个样子很难看。

使用border-collapse:collapse;即可解决。

4.DIV的阴影凸起效果

就像这种图上右侧和下侧的样子，这样设置就觉得这个div是凸起来的。

其实这个很简单，就是给他的border设置一条线而已。

如下：

border-right:1px solid #999;

border-bottom:1px solid #999;

5.取消块状元素的独占一行

之前有学过也写过，但是在自己真正写的时候就忘记了。

取消独占一行，其实就是将他变为内联块状元素或内联元素就可以了。

如下：

<style>

        display:inline-block;

</style>

6.取消<a>标签的下划线

text-decoration:none;

7.取消ul带来的点

list-style:none

8.给div元素添加圆角边框

broder-radius:25px

9.当我们给一个元素设置高度height和宽度width时，会用到%，这个%的真正意思是：定义基于包含块（父元素）宽度的百分比宽度。

也就是说，设置的时候，其实是基于父元素的宽度或高度来设置的。

10.页面自动居中

margin:0 auto

使用这个的时候，不能和float、position一起使用。

如下：

11.初始化页面格式

*{border:0;padding:0;}

这样做可以取消页面自己给我们加的东西。

12.建议不要给DIV块设置高度