账号通
    

账号  

密码  

7722

查看

7

回复
主题:[转帖]入门了div+css,只要记住这些就够了! [收藏主题] 转到:  
韩川雪 当前离线

43

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:225 分
登录次数:13 次
注册时间:2009/7/20
最后登录:2009/10/8
韩川雪 发表于:2009/8/12 16:15:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线考试系统(NET)

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;    每段缩进,两个字符,常用。

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

2,布局类。

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进制。 

每个CSS前必写代码:

*{ 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去掉前面的点。

>列表

#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设置一个左浮动即可。

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

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.07422秒 powered by KesionCMS 9.0