CSS学习进度备忘

时间:2021-02-01 12:12:10

书签:“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