首页 网赚 娱乐 软件 QQ 硬件 建站 杀软 网络 历史 奇文 游戏 生活健康 骗术 创业 人才 房产 供求 二手车
当前位置赤峰信息网 >> 综合 >> 建站 >> 内容阅读

记住这些代码你就入门div+css了

发布时间:2010-07-06 17:13:35 来源: 作者:

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

 

1,文字控制类。

 

[replyview]

font-size:12px;       文字大小,通常为12px。现在又流行14px。大小自己控制。

color:#666;    颜色控制,颜色自己下个取色板吧。16进制。

line-height:2em;      行高,em为字符,支持px  百分比等等多种单位。

text-align:center;    文字居中,居左不要,居右为right。

font-weight:bold;    文字加粗。

 text-indent:2em;    每段缩进,两个字符,常用。

[/replyview]

 

用以上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内容,你就基本入门了。

上一篇:全面兼容ie6,ie7,ie8,ff的CSS HACK写法

下一篇:巧用directlink插件 让博客拥有25G免费外链网盘

责任编辑:本站编辑 | 打印 | 关闭

友情提示:赤峰信息网部分资源来源于网络,如果您觉得某些资源对您构成侵权,请立即告知,我们将在第一时间删去!

广告招租QQ:286313316

热点排行
赤 峰 信 息 网  www.cfxxw.com  版权所有 蒙ICP备11001659号
广告招租QQ:286313316  点击这里给我发消息  投诉信箱:286313316@QQ.com    业务信箱:cfxxw@vip.qq.com
 赤峰信息网部分资源来源于网络,如果您觉得某些资源对您构成侵权,请立即告知,我们将在第一时间删去! 信箱:cfxxw@vip.qq.com