码迷,mamicode.com
首页 > Web开发 > 详细

DIV+CSS

时间:2016-10-22 07:11:12      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:visit   关闭   优先级   body   float   注释   布局   依次   import   

1、可以引入外部的样式:<link  rel=”stylesheet”  type=”text/css”  href=”外部的CSS文件路径”  />

比如:通用的的定义全局的类名:floatL、floatR、clear、a:link,a:visited{color:#444;text-decoration:none}、a:hover{color:#f00;text-decoration:underline}、

li{list-style:none}、.over{overflow:hidden}等。

2、先布局,总的一个盒子div,再分为若干个div,用浮动把两个div排在同一行。

3、首先清零,即清除所有HTML标记的内外边距;其次,可以设置body的color、font-size:12px、background:url repeat-x #F1F1F1等。

3、对于每一个div,写明注释。1为大盒子div,1.1为其分割的div,再分则为1.1.1,依次类推。

4、浮动以后要关闭开关,即清除浮动。清除浮动:设置高度;<div class="clear"></div>;overfloat:hidden主要用于无序列表。

5、注意继承性和优先级:{属性:属性值   !important;},但它无法提升继承过来的属性的权重!IE6不支持!

6、理解盒子模型:盒子之间为外边距margin,内填充padding,盒子边框border,width和height表示内容的宽高。实际操作中可以把边框先设置出来,方便辨识。能用父元素的padding,尽量少用子元素的margin。margin会把内容撑开,宽度高度增大。文字右移可以用文本text的缩进,text-indent:20px。

7、盒子居中,设置宽度,margin:10px auto。

8、display:block   行转为块     |    display:block       块转为行。

DIV+CSS

标签:visit   关闭   优先级   body   float   注释   布局   依次   import   

原文地址:http://www.cnblogs.com/Hansen32/p/5986534.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!