学习样式表中的类

学习样式表中的类

ID:20837210

大小:53.00 KB

页数:3页

时间:2018-10-16

学习样式表中的类_第1页
学习样式表中的类_第2页
学习样式表中的类_第3页
资源描述:

《学习样式表中的类》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、学习样式表中的类>>edu.5151doc.教育资源库本篇详细介绍样式表中的类,为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计。类  基本格式如下:  选择符.类别名{属性:值}  类别名将可以在HTML的标识符里引用:  <标识符class=类别名>网页内容  实例:  <html>  <head>  <title>CSS例子</title>  <styletype="text/css">  <!--    p.English{font-family:"CourierNeily:幼圆

2、}  -->  </style>  </head>  <body>  <pid=English>5dMediaStudio</p>  <pid=Chinese>原创多媒体的魅力!</p>  </body>  </html>  ID  ID,就是给HTML文挡中的样式发“身份证”,保证其在一个HTML文挡中具有唯一可用的值,这种唯一性也给JavaScript等脚本语言的使用带来了方便。  ID的用法和Class差不多,只是定义的时候用#号开头而不是点号。  实例:  <html>  <head>  <title>CSS例子</title>  <sty

3、letype="text/css">  <!--    #English{font-family:"CourierNeily:幼圆}  -->  </style>  </head>  <body>  <h1id=English>5dMediaStudio</h1>  <h2id=Chinese>原创多媒体的魅力!</h2>  </body>  </html>  伪类  除了上述的分类方式外,为了使分类的使用更灵活多样,又产生了伪类的概念。类和伪类有什么样的区别呢?  一般地说,选择符可以和多个类采用捆绑的形式来设定,这样虽然能够为同一个选择符创建多

4、种不同的样式,但捆绑的形式同时也限制了设定的类为其它的选择符所使用。伪类的产生就是为了解决这个问题,每个预声明的伪类都可以被所有的HTML标识符引用,当然有些块级内容的设置除外。  这里仅以伪类中最常见的锚伪类为例,锚伪类可以指定a元素以不同的方式显示链接(link),当鼠标碰到时的链接、已访问过的链接和正被激活的链接,一个已访问的链接可以定义为不同颜色的显示、字体大小和风格。  基本格式如下:  .伪类名{属性:值}  伪类可以被任何标识符在HTML里引用。  <标识符class=伪类名>网页内容  实例:  <html>  <hea

5、d>  <title>CSS例子</title>  <styletype="text/css">  <!--    a:hover{font-size:18pt}/*当鼠标碰到时的链接*/  -->  </style>  </head>  <body>  <ahref="#">5dMediaStudio</h1>  </body>  </html>[这篇文章来自..,]

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。