2.CSS的三种样式[内联样式，内部样式，外部样式]（菜鸟学前端）
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.CSS的三种样式[内联样式，内部样式，外部样式]（菜鸟学前
端）
1.内联样式（直接在body中写代码）（不推荐）
<div style="color: chartreuse;">呼呼哈嗨</div>
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语句调⽤例：
<link rel="stylesheet" type="text/css" href="css/a.css">
或者直接利⽤style标签借助import导⼊
如：<style> @import "css/a.css";</style>
(2)新建⽂件夹css，在css⽂件夹中新建后缀名为css的⽂件，⽽后在⾥⾯定义所需要的的标签特性，如
div{
color:gold;
}
注意：在css⽂件中写时，只需定义即可，⽆需在写<style>标签
(3)在html的body中调⽤所定义好的标签，如<div>呼呼哈嗨</div>。