文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Css > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
推荐文章CSS 速成
推荐文章控制网页文件大小通过精简CSS实
普通文章网站字体大小 CSS该重新改写?
普通文章斜角滑动门导航条(DIV+CSS)
普通文章在DW中使用CSS样式表来设置网页
普通文章CSS样式表层叠(cascade)处理
普通文章“画中画”效果---谈Iframe标记
普通文章让CSS使网页图片半透明
推荐文章CSS字型的设定
推荐文章CSS 单位
 
频 道 推 荐
普通文章内嵌滚动条(windows UpDate风格
推荐文章CSS应用基础教程(3) 应用补充
推荐文章CSS应用基础教程(5) 文字性质
普通文章CSS应用基础教程(4) 颜色背景
普通文章CSS应用基础教程(2) 应用方式
推荐文章为打印输出创建一个CSS样式
普通文章CSS应用基础教程(6) 区块性质
普通文章用CSS控制图片自适应大小的方法
普通文章网页制作技术CSS之DIV长度相等
普通文章无延迟翻滚的图形与CSS混合风格
普通文章CSS特点及加入网页的四种方法
普通文章CSS对表格单元格强制换行和不换
普通文章css教程:CSS文件应该保持整洁和
普通文章在CSS设计中选择器的巧妙使用!
普通文章在DW中使用CSS样式表来设置网页
普通文章文本属性
普通文章巧用CSS制作可控闪烁效果
推荐文章标准建站过程中注意CSS的兼容性
普通文章简单的CSS改进网站设计的三个技
推荐文章CSS 常用信息速查手册
 
频 道 推 广
 
CSS 结构和规则           ★★★
CSS 结构和规则
作者:佚名 文章来源:本站整理 更新时间:2008-9-4 8:48:32

    基本语法


  规则
  选择符
  任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如,
  P { text-indent: 3em }
  当中的选择符是P。


  类选择符
  单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :


code.html { color: #191970 }
code.css { color: #4b0082 }
以上的例子建立了两个类,css和html,供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类,例如,


<P CLASS=warning>每个选择符只允许有一个类。
例如,code.html.proprietary是无效的。</p>
类的声明也可以无须相关的元素:


.note { font-size: small }
在这个例子,名为note的类可以被用于任何元素。


一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small,但如果网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。


ID 选择符
ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用,因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如,ID选择符可以指定如下:


#svp94O { text-indent: 3em }
这点可以参考HTML中的ID属性:


<P ID=svp94O>文本缩进3em</P>
关联选择符
关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。例如, 以下的上下文选择符


P EM { background: yellow }
是P EM。这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。


声明
属性
一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。



声明的值是一个属性接受的指定。例如,属性颜色能接受值red。


组合
为了减少样式表的重复声明,组合的选择符声明是允许的。例如,文档中所有的标题可以通过组合给出相同的声明:


H1, H2, H3, H4, H5, H6 {
color: red;
font-family: sans-serif }
继承
实际上,所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值,除非另外更改。例如,一个BODY定义了的颜色值也会应用到段落的文本中。


有些情况是内部选择符不继承周围的选择符的值,但理论上这些都是特殊的。例如,上边界属性是不会继承的;直觉上,一个段落不会有同文档BODY一样的上边界

[1] [2] [3] 下一页

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 CSS概述
    Dreamweaver MX 2004 CSS背景属性
    Dreamweaver MX 2004 CSS区块属性
    Dreamweaver MX 2004 CSS方框属性
    Dreamweaver MX 2004 CSS边框属性
    Dreamweaver MX 2004 CSS列表属性
    Dreamweaver MX 2004 CSS定位属性
    Dreamweaver MX 2004 CSS扩展属性
    Dreamweaver MX 2004 CSS滤镜介绍(1)
    Dreamweaver MX 2004 CSS滤镜介绍(2)
    用Dreamweaver实现漫天花雨效果
    DropShadow属性、Chroma属性和blur属性效果
    Invert属性、Glow属性和FlipH、FlipV属性
    让网页中的字体美起来
    CSS2 参考
    巧用CSS滤镜做图案文字
    让CSS使网页图片半透明
    CSS重新定义项目符号和编号
    初步了解CSS3
    使用CSS设置段落首字下沉
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    有事请点这里

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号