CSS笔记

关于CSS
div高度的自适应,参照于父容器,body如果没有定义,将不能生效(宽度可以)
现在的页面布局宽度不超过1002
margin:0px auto会达到居中的效果,前提是定义了宽度
不推荐body{text-align:center;}因为会导致文本居中。
float的inherit是继承属性
两个DIV并列一行的前提是:这一行有足够的宽度
line-height行距设为DIV的高度,就会有居中的效果
还有这种布局
将属性大小一样的几块一起定义
如:
#top,#nav,#mid,#footer
{
    width:500px;
    margin:0px auto;
}
宽度一样,且居中
A标签是内联元素,在导航制作中,将A标签转换为块状元素,然后设置宽度和高度,这样就不需要设置li元素

的样式了(只需float)
如:
li{float:left;}
li a{
    display:block;
    width:98px;
    height:20px;
    border:1px solid #d00;
    margin-left:5px;
}
另<a href="#" title="说明文字">首页</a>
经常不用列表序号:
ul{list-style:none;}
border线:solid实线dashed虚线dotted点状线groove立体线
关于绝对定位,会认为该层不存在position:absolute,z-index值越大越面前
position:relative相对定位,自己的位置会保留(原始位置不是加了top,left之后的位置,加了

top:20px;left:20px;后,会错一下位,有点遮挡的效果)
且是相对于父容器现在的4条边(如果前面有div,则会按这个div的边来算)

你可能感兴趣的:(css)