黑马程序员---CSS+DIV复习小结

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

1. css选择器：标签选择器、ID选择器(#,页面中只能使用一次，不能重复)、类选择器(. 页面中一个标签可以有多个类选择器，空格隔开即可)、通用选择器(*)
2. 对HTML内所有标签进行重置： eg: *{margin:0;padding:0;}
但一般情况下，对使用的的标签进行重置即可。如：
Body,div,p,a,ul,li{margin:0;padding:0;}
3. 选择器特点：可以集体声明(使用，来隔离)、可以嵌套（使用空格来隔离）
Eg:
Body,div,p,a,ul,li{margin:0;padding:0;}
#div1 p a{color:#900;}

4. CSS选择器命名: 骆驼命名法，帕斯卡名法，匈牙利命名法

5. 盒子模型、内联元素VS块状元素
盒子模型：margin---->border--->padding--->content

	块状元素	内联元素
Width和height起作用	YES	NO
容许其它元素与其同处一行	NO	YES
包容元素	一般可容纳内联元素和其它块状元素	只能容纳文本或者其它内联元素
举例	'div p	'a

块状元素 容许其它块状元素同一行，使用： float:left; 清除浮动影响：clear:both;
块状元素转换成内联元素 使用：display:inline;
内联元素 转换 成 块状元素 使用：display: block;
6. 让区域定位于浏览器正中间，且不受浏览器窗口、分辨率的影响：margin:0 auto;或者margin:xx auto;
7. 通过左侧浮动来实现两栏效果，应该防止在IE6上出现双倍边距bug，需使用display:inline来消除；
8. 实现图片链接效果，第一反应应该将<a>、<img>两个表情设置为块元素，以统一风格，设置图片高度.

私房小菜：小结的常用颜色表：



------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ------- 本文出自 “技术的足迹” 博客，请务必保留此出处http://charlesxiao.blog.51cto.com/2657172/1139030