CSS进阶1---分类及其创建方法

来源：互联网发布：程序员考试报名网站编辑：程序博客网时间：2024/05/01 03:14

从CSS代码存放的位置来分，主要有外部样式表、内部样式表、行内样式表。外部样式表存在于HTML文件外部，一般以.css为后缀名；内部样式表存在于HTML文件内部，通常放在<head>标签内；行内样式表也在HTML文件内部，但是在<body>标签管辖范围内，以属性的形式设置某一标签的样式。

1.外部样式表：实现方式如下

<head>

</head>

2.内部样式表：用<style></style>来标示，可放置文件内任何位置，为了阅读通常放在<head>标签内，实现如下

body {font-size:20px;}

</style>

3.行内样式表：作为标签的属性，以style开头，实现如下

具体采用哪种方式根据不同情况而定，网站的总体风格依靠外部样式表来定义，网格网页链接一个或几个固定的css文件；某个页面需要特别样式时，采用内部样式表；页面的某个标签需要特别的样式时，再该标签上应用行内样式表。

优先级：依照后定义的优先，所以优先级最高的是内嵌样式，链入的外部样式表和内部样式表之间是最后定义的优先级高，多种形式同时存在时，是叠加的效果，即未重复部分各起效果，重复部分优先级高的生效。