当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS样式书写之选择器详解

时间:2013-03-02 03:46来源:未知 作者:admin 点击:

标签:CSS样式书写之选择器详解 书(1)书写(14)网站建设(1202)详解(47)CSS(655)选择器(20)样式(83)
--> [网站建设之]CSS样式书写之选择器详解 , CSS样式中的图片Referer差异判断 为了更多的友人可能更深刻的学习懂得CSS的应用,咱们这里再次对其基本常识进行讲授,本文详解CSS样式书写之选择器。 CSS基础书写方式 CSS的书写由三局部组成,选择器、属性和属性
CSS样式书写之选择器详解》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334092013.htm
--> [网站建设之]CSS样式书写之选择器详解 ,CSS样式中的图片Referer差异判断

为了更多的友人可能更深刻的学习懂得CSS的应用,咱们这里再次对其基本常识进行讲授,本文详解,CSS样式 background-position说明;CSS样式书写之选择器。 CSS基础书写方式
CSS的书写由三局部组成,选择器、属性和属性值,写法:

选择器 { 属性: 属性值; }

例如前面看到过的:h1 {color:red;font-size:14px;}

其中h1就是选择器,color和font-size是属性,red和14px就是两者各自的属性值,属性和属性值之间要用冒号(“:”)衔接,两个属性之间要以分号(“;”)隔开。

平时把它们写在.css文件里时为了可读性和修正便利,最好分行写:

h1 {
color:red;
font-size:14px;
}

CSS组合写法
CSS也可以给多个选择器附加雷同的属性和属性值,只须要在选择器间用逗号(“,”)隔开就可以了,CSS权重的问题 选择器权重值的计算

h1,h2,h3,h4,h5,h6 {
color:red;
font-size:14px;
}

上面是将h1到h6题目的字体变成14像素的红体字。

派生挑选器
派生选择器也叫后辈选择器,顾名思义,它是处于一个已有的选择器之下的。它是在已定义的样式下既继续原有多数样式,再独自定制一个或多个特别样式的选择器。例如:

strong {
color: red;
}
h2 {
color: red;
}
h2 strong {
color: blue;
}

页面代码:


<p>一段文字<strong>红色粗体字<,CSS有趣实例 让整个网页翻转效果;/strong>.</p>
<h2>这里也是红体字</h2>
<h2>这里是特殊定义的<strong>蓝色粗体字</strong>.<,CSS有趣代码 远离IE6毁灭IE6抵制IE6;/h2>


在上面的代码中strong标签跟h2标签被定义为红色字体,所以代码中前两行内容都被定义为红色字体。
而第三行strong标签中的字体被定义为蓝色字体,由于在样式表中有h2 strong这样的定义,它的含意是将位于h2标签内的strong定义为蓝色字体,CSS新手整理的CSS技巧,这就是派生选择器的作用。

CSS解释
为了将CSS代码书写的更清楚,CSS文档流与块级元素和内联元素,方便懂得,易于当前修改,能够在CSS代码中增加注解,CSS教程:透明度总结
正文以“/*&rdquo,CSS教程:表格的nobr终极解决方案;为开头,以“*/”为结尾。


h1 {
color:red;/*定义为红色字体*/
font-size:14px;/*定义字体大小为14像素*/
}
Tag:CSS   样式   抉择器     CSS   款式  ,CSS教程:练习层DIV的定位小实例; 取舍器    
(责任编辑:网站建设)
CSS样式书写之选择器详解相关文章
上一篇:CSS样式中的图片Referer差异判断 下一篇:css样式名规范命名建议
回到顶部