Chinaunix首页 | 论坛 | 博客
  • 博客访问: 89531
  • 博文数量: 11
  • 博客积分: 248
  • 博客等级: 二等列兵
  • 技术积分: 90
  • 用 户 组: 普通用户
  • 注册时间: 2012-01-10 13:34
文章分类

全部博文(11)

文章存档

2015年(1)

2013年(1)

2012年(9)

我的朋友

分类: Html/Css

2013-04-27 12:06:32

一、css总结知识点
 1. HTML 标签,分为结构性和修饰性,结构性的标签是有实际意义的(例如 p,a),修饰性的标签是为了让网页变得有样式,更好看(例如 b, font),css(层叠样式表)就是为了把结构和样式分离
 2. css必须写在里面的里面
 3. css 由选择器 + 规则组成, 规则由属性和值组成 ,格式示例:div{color:red;}
 4. 常用的选择器有:标签选择器(类型选择器)、class选择器(类选择器)、id选择器、后代选择器、 组合选择器和并列选择器等等
 5. class选择器与id选择器的区别是,class可以样式重用,而id不行,因为id就像是人的身份证,是唯一的
 6. 当规则冲突,后面的覆盖前面的(最近原则)
 7. css规则中
  1)有数字,就要带单位(零除外),例如 div{width:200px;}
  2)边框三要素:颜色 大小 形状 例如 div{border:#F00 1px solid;}
  3)层居中的要决:1、有宽度 2、左右外补丁要为auto 例如div{width:200px; margin:auto;}
  4)margin的提供参数值不同个数代表不同的意思,可以参考手册
  5)高度=行高,字就可以垂直居中 例如div{height:200px; line-height:200px;}
 8. 标签还可以分为行内标签和块级标签,行内标签的占用空间取决于内容(例如 a、span),块级标签不管内容多与少都会占用一整行(例如 div、 p)。由于行内标签一般不支持width、height,所以排版过程中都会用块级标签来布局
 9. 如果需要块级标签排版在同一行,只需要给它们都加上float:left的规则即可
 10. 用选择器的时候,注意不要伤及无辜。
 11. 背景图默认会平铺(也叫重复),如果想背景图水平居右,垂直居中,不重复的话,可以写background:url(bg.jpg) right center no-repeat;
 12. 网页当中的空白,不要再用 的方法来实现(out了),而应该考虑用外补丁(margin)或内补丁(padding)来实现
 13. 鼠标的形状可以通过cursor来实现,例如 div{cursor:pointer;}
 

二、 css总结知识点
 1. 建议将样式表独立成外部文件(有利于SEO和样式重用),然后用
  
  导入进来。
   要注意两点:
   1)css文件中不能有标签
   2)css样式中的背景图路径以css文件为基准
 2. 有些属性是可继承的(颜色、大小、字体……) ,有些是不可以的(边框,内外补丁)
 3. 链接有四种状态