一些自己写网页时遇到的问题及细节处理
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块设置高度