CSS样式表中的类
2010-11-08 09:43:42
界面设计
内容摘要:
速读文章内容
为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计。基本格式如下:选择符.类别名{属性:值}类别名将可以在HTML的
为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计。基本格式如下:
选择符.类别名 {属性:值}
类别名将可以在HTML的标识符里引用:
<标识符 class=类别名>网页内容标识符>
实例:
<html>
<head>
<title>CSS例子</title>
<style type="text/css">
<!--
p.English{font-family:"Courier New"}
p.Chinese{font-family:幼圆}
-->
</style>
</head>
<body>
<p id=English>网址未加载</p>
<p id=Chinese>网页教学网</p>
</body>
</html>
ID
ID,就是给HTML文挡中的样式发“身份证”,保证其在一个HTML文挡中具有唯一可用的值,这种唯一性也给javascript等脚本语言的使用带来了方便。
ID的用法和Class差不多,只是定义的时候用#号开头而不是点号。
实例:
<html>
<head>
<title>CSS例子</title>
<style type="text/css">
<!--
#English{font-family:"Courier New"}
#Chinese{font-family:幼圆}
-->
</style>
</head>
<body>
<h1 id=English>网址未加载</h1>
<h2 id=Chinese>网页教学网</h2>
</body>
</html>
伪类
除了上述的分类方式外,为了使分类的使用更灵活多样,又产生了伪类的概念。类和伪类有什么样的区别呢?
一般地说,选择符可以和多个类采用捆绑的形式来设定,这样虽然能够为同一个选择符创建多种不同的样式,但捆绑的形式同时也限制了设定的类为其它的选择符所使用。伪类的产生就是为了解决这个问题,每个预声明的伪类都可以被所有的HTML标识符引用,当然有些块级内容的设置除外。
这里仅以伪类中最常见的锚伪类为例,锚伪类可以指定a元素以不同的方式显示链接(link),当鼠标碰到时的链接、已访问过的链接和正被Ji活的链接,一个已访问的链接可以定义为不同颜色的显示、字体大小和风格。
基本格式如下:
.伪类名 {属性:值}
伪类可以被任何标识符在HTML里引用。
<标识符 class=伪类名>网页内容标识符>
实例:
<html>
<head>
<title>CSS例子</title>
<style type="text/css">
<!--
a:hover{font-size:18pt}/*当鼠标碰到时的链接*/
-->
</style>
</head>
<body>
<a href="#">网址未加载</h1>
</body>
</html>
首页
点赞
分享
相关内容
CSS产生的特殊效果
CSS样式表高效使用的技巧
去除链接虚线全面分析总结
如何在一个页面做两种超链接的CSS样式
CSS语法手册(六)分类属性
CSS语法手册(五)颜色和背景属性
CSS语法手册(四)文本填充,边框,边界和位置属性(二)
CSS语法手册(三)文本填充,边框,边界和位置属性(一)
最新发布
小熊圣诞袜怎么画
艺考
儿童简笔画教程大全
2022/12/3
有关关爱名言警句_名言警句
艺考
名人名言
2022/12/7
蛇颈龙宝宝线稿图片
艺考
少儿美术
2022/12/13
做人要诚信的警句_诚信名言
艺考
名人名言
2022/12/6
我和团团有个约定手抄报一等奖(7张)
艺考
手抄报模板大全
2023/1/6
暑假手抄报英文版手抄报获奖作品5张
艺考
手抄报模板大全
2023/1/1
专题合集
院校库
专业库
招生章程
招生计划
录取分数
录取原则
收费标准
录取查询
通知书
入学指南
新生数据
就业情况
高考人数
高考报名
高考考试
高考试卷
高考作文
高考查分
各批次线
一分一段
志愿填报
录取安排
投档分数
模拟联考
统考考题
统考查分
统考分数
艺考简章
更多省份
艺考培训
-
设计
-
网页素材
-
界面设计
-
CSS样式表中的类