CSS功能复杂多变，大多数新手莫不着头脑，不知道怎么去控制。所以做个简易教程。

1，文字控制类。

以下内容只有回复后才可以浏览,请先登录！

用以上CSS便可基本供职90%的问题了，其他的慢慢自己研究。

2，布局类。

[replyview]

margin:10px 10px 10px 50px ; 外补丁，为上 右 下 左。除0外，必须为单位，单位可以是px cm 等等。常用px

padding10px 10px 10px 50px 内补丁，设置同外补丁。

float:left; 浮动，常用属性。多试试。

width:51px; 宽度，没啥要说的

height:89px;高度。需要解释吗？

overflow:hidden； 清除立体浮动（针对火狐等浏览器），溢出隐藏，参考我另外一篇教程。http://www.difangla.com/Html/jishu/css/88140.html 重要属性。

clear:both; 清除平面浮动

border:1px solid #77543b; 边框为1，实线，颜色，16进制。

[/replyview]

每个CSS前必写代码：

[replyview]

*{ padding:0; margin:0;} 如未指定，则内补丁和外补丁均为0，可解决90%的火狐不兼容问题代码。

body{font-size:12px; background:#AC956C;} 设置内容默认字体大小等，不建议在此控制行高。

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 {}

#tuijian ul { margin-left:60px;}

#tuijian ul li{ line-height:1.5em;color:#EEE4C1}

#tuijian ul li a{ color:#EEE4C1}

列表控制比较难学，其实也简单，不建议给li使用外左补丁控制间距，建议使用LI宽度控制。ul一般留空即可，如要定位另说，

如果需要列表为一行，常用于导航处，将li设置一个左浮动即可。

[/replyview]

掌握以上的CSS内容，你就基本入门了。

地方网络工作室主要从事网站建设业务，是新网互联菏泽核心代理，出售新网互联域名以及虚拟主机，并和多家IDC合作销售主机以及操作服务器合租业务。