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