CSS样式类的讲解（附实例）

CSS概述

CSS指层叠样式表(CascadingStyleSheets)

样式定义如何显示HTML元素

样式通常存储在样式表中

把样式添加到HTML4.0中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在CSS文件中

多个样式定义可层叠为一个

HTML标签原本被设计为用于定义文档内容。通过使用<h1>、<div>、<table>这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

所有的主流浏览器均支持层叠样式表

div和span的理解

div是一个html标签,一个块级元素(单独显示一行),单独使用没有任何意义,必须结合CSS来使用,主要用于页面的布局;

span是一个html标签,一个内联元素(显示一行),它单独使用没有任何意义,必须结合css使用,主要对括起来的内容进行样式的修饰;

类选择器

使用类选择器前要对世纪文档做标记，才能发挥类选择器作用。

.name{text-align:center}

在文档后面的部分，通过包含与样式相关的'class'属性，且将其中一个预定义的样式指定为'name'值，就一块明确选择要对该标签的特定情况用何种样式

<pclass=name>

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<style>

.sheen{font-size:large;color:salmon}

</style>

</head>

<body>

<div>

SiesprechengutDeutsch.

</div>

<div>

WasmachenSiehierinBerlin?ArbeitenSiehire?

</div>

<div>

Nein,ichstudiere.

</div>

</body>

</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c57322.shtml