《css简易教程》word版

《《css简易教程》word版》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、CSS功能复杂多变，大多数新手莫不着头脑，不知道怎么去控制。所以做个简易教程。1，文字控制类。以下内容只有回复后才可以浏览font-size:12px;文字大小，通常为12px。现在又流行14px。大小自己控制。color:#666;颜色控制，颜色自己下个取色板吧。16进制。line-height:2em;行高，em为字符，支持px百分比等等多种单位。text-align:center;文字居中，居左不要，居右为right。font-weight:bold;文字加粗。text-indent:2em;每

2、段缩进，两个字符，常用。用以上CSS便可基本供职90%的问题了，其他的慢慢自己研究。2，布局类。[replyview]margin:10px10px10px50px;外补丁，为上右下左。除0外，必须为单位，单位可以是pxcm等等。常用pxpadding10px10px10px50px内补丁，设置同外补丁。float:left;浮动，常用属性。多试试。width:51px;宽度，没啥要说的height:89px;高度。需要解释吗？overflow:hidden；清除立体浮动（针对火狐等浏览器），溢出隐藏

3、，参考我另外一篇教程。http://www.difangla.com/Html/jishu/css/88140.html重要属性。clear:both;清除平面浮动border:1pxsolid#77543b;边框为1，实线，颜色，16进制。[/replyview]每个CSS前必写代码：[replyview]*{padding:0;margin:0;}如未指定，则内补丁和外补丁均为0，可解决90%的火狐不兼容问题代码。body{font-size:12px;background:#AC956C;}设置

4、内容默认字体大小等，不建议在此控制行高。a:link,a:visited,a:active{color:#333;text-decoration:none;font-size:12px;}a:hover{color:#666;text-decoration:underline;font-size:12px;}默认链接属性。li{list-style:none;}li去掉前面的点。[/replyview]列表[replyview]#tuijian{}#tuijianul{margin-left:60px

5、;}#tuijianulli{line-height:1.5em;color:#EEE4C1}#tuijianullia{color:#EEE4C1}列表控制比较难学，其实也简单，不建议给li使用外左补丁控制间距，建议使用LI宽度控制。ul一般留空即可，如要定位另说，如果需要列表为一行，常用于导航处，将li设置一个左浮动即可。[/replyview]掌握以上的CSS内容，你就基本入门了。