您的位置：首页 > Web前端 > CSS

CSS基本概念

2017-06-29 08:38 218 查看

CSS代码插入形式

层叠样式表 (Cascading Style Sheets)，css 样式由选择符和声明组成，其中声明由属性和值组成。

1、内联式

把css代码直接写在现有的HTML标签中，如下面代码：

``` <p style="color:red">这里文字是红色。</p> ```

2、嵌入式

把css样式代码写在当前文件的

<style type="text/css"></style>

标签之间。

3、外部式

把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在

<head>

内（不是在

<style>

标签内）使用

<link>

标签将css样式文件链接到HTML文件内，如下面代码：

<link href="base.css" rel="stylesheet" type="text/css" />

三种方法的优先级

就近原则，内联式>嵌入式>外部式。

前提（1）：嵌入式css样式的位置一定在外部式的后面。

<link href="style.css" ...>

代码在

<style type="text/css">...</style>

代码的前面（实际开发中也是这么写的）。

前提（2）：内联式、嵌入式、外部式样式表中css样式权值相同。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航