黑马程序员---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培训、期待与您交流！ -------