欢迎来到天天文库
浏览记录
ID:9498976
大小:59.00 KB
页数:6页
时间:2018-05-01
《初学css和标准建站的一些css常用技巧》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、初学CSS和标准建站的一些CSS常用技巧>>edu.5151doc.教育资源库/*无所不能的CSS的*通配选择符*/*{margin:0;padding:0;}/*此定义解释:margin:0;padding:0;在CSS最上面先用*一次性统一制定,可以避开CSS的"盒模型"考虑问猓迸龅叫枰乇?指定margin或padding值的时候在分别另外指定,后面的值将覆盖前面的值。*//*CSS中容易被忽视的Outlines轮廓属性*/问题:为什么加了<a>标签的<img>全部自动加上了蓝色的边缘?因为每个默认<img>的boarder值不为0,可以将bo
2、arder设置为0,可以解决问题。img{boarder:0;display:block;}/*此定义解释:boarder:0;可以避免带链接的图片边缘出现蓝色边框。display:block;将图片以块级元素显示*//*其他还有非常容易<form>,<select>,<input>,影响布局的标签,都可以先将其margin和padding都预先设置为0*/form{margin:0;padding:0;}select{margin:0;padding:0;}input{margin:0;padding:0;}body{margin:0px;font:
3、normal12px"宋体",Verdana,Arial,Helvetica,sans-serif;text-align:center;color:#000;line-height:140%;}#top_box{argin:auto;padding-top:10px;text-align:left;}a:link,a:visited,a:active{color:#000;text-decoration:none;}a:hover{color:#ff0000;text-decoration:underline;}/*此定义解释:将所有A标签预先指定样式,也可用在CSS最开始一段代码,统一
4、定义*//*有关CSS的其他常见问题及解决办法和分析:*//*关于CSS容器与CSS元素的适应问题*//*例如有时候我们要在首页动态打印一列十条文章,要放在一个CSS容器DIV内,若每行文字太多,元素很容易破坏容器而使整个布局变坏下面是解决的办法*/#noages/bullet1.gif)no-repeat20px20px;padding:2px0;margin:2px02px0;}/*关于DIV布局中的UL,LI中带ID的CSS属性定义方式:*/<divid="main"><ulid="ok1"><liid="li1">文字1</li>&
5、lt;li>文字2</li></ul><ul><li>文字3</li></ul></div>/*对"文字1"定义CSS样式:以下都是正确的指定样式:*/#li1{/*指定样式代码*/}#mainli#li1{/*指定样式代码*/}#main#ok1#li1{/*指定样式代码*/}#mainul#ok1li#li1{/*指定样式代码*/}/*以下都是错误的CSS指定"文字1“的样式:*/#li{}#mainulli1{}li1{}/*end*/[这篇文章来自..,]
此文档下载收益归作者所有