html样式表分为哪三类,CSS样式分为哪三种？

满意答案

zrvyx

2017.05.31

采纳率：47%    等级：12

已帮助：17493人

元素中直接使用；

从页面头部调用；

采用链接的形式调用。详细用法如下：不同的调用方法有不同的写法和优先级。下面分别做一下介绍。　　一、元素中直接使用　　这种调用方式的写法如下：元素名称>　　在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。例如：

示例：元素中直接调用。

　　该样式中定义了元素宽、高为360、80像素，背景色为灰色，字体大小为14像素。其应用到页面中的显示如图1。　　二、从页面头部调用　　从页面头部调用CSS是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下：　　页面上的所有样式都可以写在中。使用这种方式调用CSS，在页面中必须有相应的调用代码。　　其中，类选择符的调用代码如下：元素名称>　　ID选择符的调用代码如下：元素名称>　　下面我们来用一个示例演示一下。CSS调用方法

.content{

background-color: #cccccc;

font-size: 14px;

width: 240px;

height: 80px;

color: Blue;

text-align: center;

}

示例：从页面头部调用。

　　该样式应用到页面的效果如图2所示。　　三、采用链接的形式调用　　采用链接的形式调用CSS通常有两种方法：　　使用link元素　　使用link元素调用CSS的语法如下：　　其中rel="stylesheet"指这个link和其href之间的关联样式为样式表文件。type="text/css"指文件类型是样式表文本。　　使用@import　　使用@import调用和使用link元素调用的区别在于，使用@import的调用方法只能使用在样式文件中，即只能在调用的样式文件，或style元素中才能正常使用。

60分享举报