华易动力天津网站制作公司 免费咨询热线:400-0022-823 电话:022-28261501 28335110
地址:天津市河西区围堤道146号华盛广场B座22楼
点击这里给我发消息  点击这里给我发消息  点击这里给我发消息
  首页 关于我们 建网站:从这里开始 域名空间服务 案例展示 新闻中心 网站制作知识 网站设计技巧 人才招聘 联系我们  
  网站制作知识
程序制作
数据库知识
域名空间知识
SEO网站优化
天津网站制作方案 更多..
如何获得了大量的好的外链资源
常见的长尾关键词组合方法
如何利用百度平台获取流量
营销优化型网站的简介
新顶级域名的形式
网站建设分为如下八步
网站专题设计
关于门户网站设计方案
华易动力售后服务规范
服务器机房介绍
优秀客户展示(排名无先后) 更多..
环化(天津)燃气设备安装有限公司
天津市国信投资担保有限公司
天津城市职业学院
天津大学EMBA
南开大学CID
北京同仁堂天津药店有限公司
金权道(天津)餐饮管理有限公司
天津市友好合作城市企业促进会
天津天大求实电力新技术股份有限公司
天津红旗农贸投资控股有限公司
天津二人锅餐饮管理有限公司
天津市滨湖剧院
渤海产业投资基金管理有限公司
天津天富软管工业有限公司
新闻中心-行业资讯 更多..
· 企业为什么要做APP   2016-11-24
· 如何搭配网站   2016-11-16
· css表单布局的五个小技巧   2016-11-16
· 服务器维护的重点   2016-11-14
· 如何建设你想要的网站类型   2016-11-14
· 阿里设计师用这2方法提升设计创新力   2016-11-3
· 我们看过的各种设计理论法则   2016-11-3
· Windows 8设计时的安全性   2013-12-27
· 未来网站技术的发展   2013-10-12
· 企业网站建设规划   2013-7-30
全部信息 当前位置:首页网站制作知识 → 详细内容
CSS语句构成元素有哪些?
更新时间:2012/7/19 点击:1230次
   一个样式表一般由若干样式规则组成,每条样式规则都可以看作是一条CSS的基本语句,每条规则都包含一个选择器(例如:BODY,P等)和写在花括号里的声明,这些声明通常是由几组用分号分隔的属性和值组成。每个属性带一个值,共同描述整个选择器应该如何在浏览器中显示。一条CSS语句的结构如下:

选择器{属性1:值1;属性2:值2;……}

有6种合法的选择器类别,即:HTML标记、具有上下文关系的HTML标记、用户定义的类、用户定义的ID、虚类、虚元素。

1) HTML标记

例如:

H1{text-align:center;font-family:楷体-gb2312}
H1,H2,H3{color:#ff0000}

2) 具有上下文关系的HTML标记

例如:

H1 B{color:red}

这表示只有位于<H1>标记元素内的<B> 标记符说明的内容显示为红色,其它<B>标记符所说明的元素不具有该属性。这种上下文关系可以多层嵌套。

3) 用户定义的类

要想将一个类包括到样式定义中,可将一个句点和一个类名添加到选择器后,即:

选择器.类名{属性:值;……}

可以使用任何名称命名类,例如:若想在网页使用<H2>,并使每处文本具有不同的颜色,则可进行如下定义:

H2.color-red{color:red}
H2.color-blue{color:blue}

然后在网页中需要使用CLASS属性的地方引用这些类,例如:

<H2 class="color-red">第一章 HTML</H2>
<H2 class="color-blue">第二章 CSS技术〈/H2〉

如果使用了<H2>标记符,但未使用CLASS属性,则不会应用所定义的样式。特别地,还可以定义应用于所有标记符的类,此时,直接用句点后跟类名即可,例如:

.red{color:red}

然后在所有需要引用该类的标记符中使用CLASS属性。例如:

<P class="red">可用于所有标记的类</P>
<H2 class="red">二级标题为红色</P>

4)用户定义的ID

所谓ID,就是相当于HTML文档中的样式的“身份证”,以保证其在一个HTML文档中具有唯一可用的值。这给使用JAVAScript等脚本编写语言的应用带来了方便。要将一个ID包括在样式定义中,需要“#”号作为ID名称的前缀,格式如下:

#ID名字{属性:值}

定义了ID样式后,则可通过在标记符内使用ID属性来引用该样式。

例如:有定义#red{color:red},则可在若干不同标记符中使用,例如:

<P ID="red">或<H2 ID="red">

5)虚类和虚元素

虚类也称伪类(Peeudo-class),它可以区别开不同种类的元素。虚元素(Pseudo-element)指元素的一部分,如段落的第一个字母和首行效果(first-letter和first-line)。虚类和虚元素只可以用在CSS的选择器中,而不能出现在HTML的源代码中,即不能用CLASS或ID来调用。它们只能在特定条件下被浏览器所识别。

伪类中最常见的就是锚伪类。锚伪类可以指定<A>标记符以不同方式显示链接,即访问过的(visited)、未访问过的(link)、激活的(active)和鼠标指向的(hover)几种链接状态。例如可以使用下列方式更改超链接的显示方式:

A:link {text-decoration:none;color:#800000}
A:visited {text-decoration:none;color:#800000}
A:active {text-decortion:none}
A:hover {text-decoration:underline;color:blue}

 
  公司总机:022-28261501 28335110
客户服务邮箱:service@nfree.cn,手机直线:15822335163
CopyRight 2006~2024 All Rights Reserved 天津市华易动力信息科技有限公司
地址:天津市河西区围堤道146号华盛广场B座22楼 邮编:300202

津公网安备 12010302001042号


在线QQ(售前咨询)
点击这里给我发消息  点击这里给我发消息  点击这里给我发消息