账号通
    

账号  

密码  

276030

查看

2254

回复
主题:【新手学CSS】记住这些,你就入门了div+css了! [收藏主题] 本贴被认定为精华 转到:  
孤风大虾 当前离线

1700

主题

7

广播

111

粉丝
添加关注
级别:高一年

用户积分:10217 分
登录次数:450 次
注册时间:2006/3/28
最后登录:2016/1/31
孤风大虾 发表于:2008/8/22 1:16:00   | 只看该作者 查看该作者主题 楼主 

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合作销售主机以及操作服务器合租业务。

 
  支持(11) | 反对(0) 回到顶部顶端 回到底部底部
mylovetoo 当前离线

123

主题

0

广播

1

粉丝
添加关注
级别:一年级

用户积分:816 分
登录次数:106 次
注册时间:2009/3/26
最后登录:2012/9/12
mylovetoo 发表于:2010/6/16 12:50:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(1) | 反对(0) 回到顶部顶端 回到底部底部
tian3k 当前离线

409

主题

3

广播

1

粉丝
添加关注
级别:四年级

用户积分:809 分
登录次数:354 次
注册时间:2010/4/17
最后登录:2017/8/15
tian3k 发表于:2010/6/14 16:30:00   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
shenqin5870 当前离线

45

主题

0

广播

0

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

用户积分:124 分
登录次数:16 次
注册时间:2010/3/8
最后登录:2013/4/28
shenqin5870 发表于:2010/6/14 16:26:00   | 只看该作者 查看该作者主题 板凳 
科汛在线考试系统(NET)
哈送空空落落了
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hotoyo 当前离线

46

主题

0

广播

0

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

用户积分:250 分
登录次数:42 次
注册时间:2009/9/4
最后登录:2012/10/12
hotoyo 发表于:2010/6/14 13:24:00   | 只看该作者 查看该作者主题 报纸 
科汛在线考试系统(NET)

我是来学习的!!!

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
uaidc888 当前离线

330

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:1425 分
登录次数:1 次
注册时间:2010/6/12
最后登录:2010/6/19
uaidc888 发表于:2010/6/14 7:53:00   | 只看该作者 查看该作者主题 地板 
记号记号,下次用得着!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
xs525138997 当前离线

25

主题

0

广播

0

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

用户积分:100 分
登录次数:1 次
注册时间:2010/6/13
最后登录:2010/6/13
xs525138997 发表于:2010/6/13 22:37:00   | 只看该作者 查看该作者主题 7楼 
科汛在线考试系统(NET)
 CSS  感觉还是很复杂哦~~
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
xiaohaixm 当前离线

26

主题

0

广播

0

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

用户积分:103 分
登录次数:7 次
注册时间:2010/4/26
最后登录:2011/3/11
xiaohaixm 发表于:2010/6/12 22:34:00   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
samyong1104 当前离线

25

主题

0

广播

0

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

用户积分:158 分
登录次数:51 次
注册时间:2010/4/8
最后登录:2015/12/18
samyong1104 发表于:2010/6/12 17:00:00   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
kerwer 当前离线

1

主题

0

广播

1

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

用户积分:35 分
登录次数:3 次
注册时间:2010/6/3
最后登录:2010/6/11
kerwer 发表于:2010/6/11 19:16:00   | 只看该作者 查看该作者主题 10楼 
科汛智能建站系统
????????????
 
  支持(2) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.81445秒 powered by KesionCMS 9.0