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

5 篇文章 0 订阅
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_cjl
website: http://blog.csdn.net/cs_cjl
--------------------------------------------------
 
6. CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上加以修改,产生新的样式。
7.优先级规则
行内规则>ID样式>类别样式>标记样式
两个类别选择器的优先级相同,此时以前者为准。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值