2.CSS的三种样式[内联样式，内部样式，外部样式]（菜鸟学前端）

时间：2020-06-15 13:50:14 阅读：72 评论：0 收藏：0 [点我收藏+]

1.内联样式（直接在body中写代码）（不推荐）

2.内部样式（在head中定义，然后在body中调用，定义名和调用标签必须一致）（适用于单个页面的设计）

<head>

<style>

div_2

{

color:red;

}

</style>

</head>

<body>

<div_2>呼哈哈嗨</div_2>

</body>

3.外部样式（额外建立一个CSS文件夹，在里面文件中写好style定义的内容，写法与内部样式的head中写法一致，而后再HTML页面利用link标签进行调用CSS文件。）

(1)在html头部写link语句调用例：

或者直接利用style标签借助import导入

如：<style> @import "css/a.css";</style>

(2)新建文件夹css，在css文件夹中新建后缀名为css的文件，而后在里面定义所需要的的标签特性，如

div{

color:gold;

}

注意：在css文件中写时，只需定义即可，无需在写<style>标签

(3)在html的body中调用所定义好的标签，如<div>呼呼哈嗨</div>

原文：https://www.cnblogs.com/wang-yong-kang0/p/13130021.html

踩

(0)

评论一句话评论（0）

分享档案

更多>