CSS学习进度备忘

书签：“CSS 高级”跳过；另外跳过的内容有待跟进

__________________

学习资源：W3School。


_________________

跳过的内容：
1、“CSS id 选择器”的“XHTML:网站重构”链接没有看

2、“CSS 选择器”被列为高级教程部分，跳过

3、“CSS 属性选择器”底部的“CSS 选择器参考手册”跳过

4、“CSS 文本”的“CSS text-align 属性参考页”、“CSS word-spacing 属性参考页”跳过

5、“CSS 字体”的“CSS 字体系列”跳过

6、“CSS 字体”底部的“CSS 字体属性”中的链接内容没有去看

7、“CSS 浮动”的“CSS float 属性。”链接没有看

8、“CSS浮动”的“clear”属性实验结果不太理想，多找些例子在试一试

 

______________

知识点：
1、必须在样式设置中将“background-attachment”设置为“fixed”，图片位置的设置“ background-position:center;”才能生效（Opera和火狐浏览器），已测试过，使用百分比（background-position: 30% 20%; ）的时候，情况类似

2、“CSS 文本”的“ white-space”的属性行为有一个表格，可以认真对比理解一下，方便记忆

3、CSS多使用class而不是id来控制格式，例如：

<p class="normal">This is a paragraph</p>



<p class="thick">This is a paragraph</p>

 4、“简写属性”是针对一个属性使用不同的样式，例如：为font使用“字体系列”、“加粗”、“字体大小”等样式时，可以有类似于下面的简写：

p.ex2

{

font:italic bold 12px/30px arial,sans-serif;

}

与“简写属性”不同，将多个不同的属性应用于style的时候，必须用分号“;”隔开，如下所示：

a.five:link {color:#ff0000;text-decoration:none;}

5、一个元素可能有多种状态，例如“链接”，可以为它的不同状态设置样式，此时，要使用冒号“:”来指定状态，例如：

a:link

 6、当为多个元素指定同一个样式时，用逗号隔开各个元素：

h2,p {font-size: 200%}

 7、当以id的形式为元素设置CSS的时候，使用#开始，例如

<style type="text/css">

#customers

...





<table id="customers">

...

针对table中的tr td等元素也要使用#

#customers td, #customers th 

  {

 7、 color 可以继承

______________

进度：
1、 2013-11-25 “CSS 背景”完毕，接下来学习“CSS 文本”

2、2013-11-26“CSS 文本”完毕，接下来学习“CSS 字体”

 3、2013-11-30“CSS 链接”完毕，接下来“CSS 列表”

4、2013-12-02 “CSS 列表”完毕，接下来“CSS 表格”

 5、2013-12-03“CSS 表格”完毕，接下来“CSS 轮廓”

6、2013-12-04“CSS 内边距”完毕，接下来“CSS 边框”

7、2013-12-09“CSS 外边距合并”完毕，接下来“CSS 定位概述”

8、2013-12-10完毕，接下来，下一个知识点：ASP.NET