`

CSS3++xhtml

XHTMLXMLHTML 
阅读更多
<style type="text/css">
div#box{ width:100px; height:100px; background-color:#ff0000; overflow:hidden;}/* 这一行的优先级大于下一行*/
#box{ width:100px; height:100px; background-color:#ffff00;}
span{ font-size:14px;}
div > span { font-size:20px;}/*  称为：子选择符 IE6以下的版本不支持！*/
div + span { font-size:20px; background-color:#009900;}/*  称为：相邻选择符 IE6以下的版本不支持！*/
div span { font-size:20px;}/*  称为：包含选择符又叫子选择符*/
#header h2 span{ font-size:24px;}/*  称为：多层选择器 ！*/
div[class="aa"] { background-color:#6666FF; font-size:36px; border:10 solid }
img[alt]{ border:20px solid #CCCC66;}
/*
[!=]（连字符匹配）
[~=]（空白符匹配）
[^=]（前缀符匹配）
[$=]（后缀符匹配）
[*=]（子字符串匹配）
!important 只在IE6以上的版本支持
*/
h1,h2,h3,h4,h5,p{ font-size:28px; color:#ff0000;}
</style>
<body>
Xhtml语言是在HTML的基础上发展页来的，XHTML文档与HTML文档的区别不大，只是添加了xml语言的基本规范和要求。在XHTML文档中第一行新增了&lt;!DOCTYPE&gt;元素，该元素用来定义文档类型，DOCTYPE是docment type 的简写，它设置XHTML 的文档版本，在使用时应请注意元素的名称和属性必须大写！
<div id="box"><span>Xhtml语言是在HTML的基础上发展页来的，XHTML文档与HTML文档的区别不大，只是添加了xml语言的基本规范和要求。在XHTML文档中第一行新增了&lt;!DOCTYPE&gt;元素，该元素用来定义文档类型，DOCTYPE是docment type 的简写，它设置XHTML 的文档版本，在使用时应请注意元素的名称和属性必须大写！</span></div>
<span>中国人民</span>
<span>中国人民</span>
<div class="header"><h2><span>中华人民</span></h2></div>
<div class="aa">你好中国</div>
<img src="696.jpg" alt="123456789" />
<h1>的基础上发展页来的</h1>
<h2>的基础上发展页来的</h2>
<h3>的基础上发展页来的</h3>
<h4>的基础上发展页来的</h4>
<h5>的基础上发展页来的</h5>
<p>的基础上发展页来的</p>
标签选择符：优先级加权值为1。<br />
伪元素或对象选择符：优先级加权值为1。<br />
类选择符：优先级加权值为：10。<br />
属性选择符：优先级加权值为：10。<br />
ID选择符：优先级加权值为：100。<br />
其它选择符：优先级加权值为0，如通配选择符等。<br />
例：<br />
body div#box = 1+1+100=102;<br />
#box = 100<br />
di.red = 1+10 =11<br />
分享到：
| Jquery json xml Dom DHtml Ajax prototype ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics