《CSS设计彻底研究》读书笔记 第01章 (X)HTML和CSS核心基础

来源:互联网 发布:谈笑间学会javascript 编辑:程序博客网 时间:2024/06/05 20:15
1.可以认为XHTML是HTML的“严谨版”。
2.XHTML和HTML的区别2.1 在XHTML中标记名称必须小写2.2 在XHTML中属性名称必须小写2.3 在XHTML中标记必须严格嵌套2.4 在XHTML中标记必须封闭2.5 在XHTML中,即使是空元素的标记也必须封闭2.6 在XHTML中属性值用双引号括起来2.7 在XHTML中属性值必须使用完整格式2.8 在XHTML中,应该区分“内容标记”与“结构标记”
3.在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种3.1 行内式即在标记的style属性中设定CSS样式3.2 嵌入式即将对页面中各种元素的设置集中写在<head>和</head>之间             <head>                   <style type="text/css">                      ...                    </style>             </head>3.3 导入式             <style type="text/css">                    @import "mystyle.css";             </style>3.4 链接式             <link href="mystyle.css" rel="stylesheet" type="text/css" />导入式和链接式的目的都是将一个独立的CSS文件引入HTML文件,使用链接式时,会在装载页面主体部分之前装载CSS文件,这样显示出来的网页从一开始就是带有样式效果的,而使用导入式时,会在整个页面装载完成后再装载CSS文件。
4.基本选择器有标记选择器、类别选择器和ID选择器3种
ID选择器的使用方法与class选择器基本相同;不同之处在于ID选择器只能在HTML页面中使用一次,因此其针对性更强。
ID选择器不支持像class选择器那样的多风格同时使用,类似“id="one two three"“这样的写法是完全错误的语法。
5.复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器。5.1 “交集”复合选择器由两个选择器直接构成,其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器。
5.2 并集选择器,它的结果是同时选中各个基本选择器所选择的范围。任何形式的选择器(包括标记选择器、class类别选择器、ID选择器等)都可以作为并集选择器的一部分。并集选择器是多个选择器通过逗号连接而成。         h1, h2, h3, h4, p {               color:purple;          }5.3 后代选择器,通过嵌套的方式,对特殊位置的HTML标记进行声明。后代选择器的写法就是把外层的标记写在前面,内层标记写在后面,之间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。后代选择器产生的影响不仅限于元素的“直接后代”,而且会影响到它的“各级后代”。         p span {               color:blue;          }5.4 子选择器,在CSS2规范中,还规定了一种复合选择器,称为“子选择器”,也就是只对直接后代有影响的选择器,而对“孙子”以及多个层的后代不产生作用。子选择器和后代选择器的语法区别是,使用大于号连接。         p>span {                color:blue;          }IE6,不支持子选择器。
 
--------------------------------------------------author: cs_cjlwebsite: http://blog.csdn.net/cs_cjl--------------------------------------------------
 
6. CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上加以修改,产生新的样式。
7.优先级规则行内规则>ID样式>类别样式>标记样式两个类别选择器的优先级相同,此时以前者为准。
原创粉丝点击