CSS 学习笔记——插入样式表
这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~
一、插入样式表的方法
1、 内联样式
2、 内部样式表
3、 外部样式表
二、内联样式——inline style
内联样式将内容和样式表现混合在一起，比较混乱，相比较于样式表，优势不足。所以尽量不要使用内联样式。
1、 时候可以使用内联样式？
当样式仅需要在一个元素上应用一次时。
2、 使用内联样式的方法？
标签内使用样式（style）属性。
例如：
<p style="color:blue;margin-left:36px">This is a paragraph </p>三、内部样式表——internal style sheet
使用 <style> 标签在文档头部定义内部样式表
例如：
<head>
<style>
h1{color:blue;}
p {margin-left:36px;}
body
{<h1>CSS示例</h1>
<p>这里使用了内部样式表</p>
}
</style>
</head>什么时候使用内部样式表？
当单个文档需要特殊的样式时
四、外部样式表——external style sheet
1、 使用外部样式表的方法？
页面在文档的头部, 使用<link> 标签链接到样式表。
<head>
<linkrel="stylesheet"type="text/css"href="style.css">
</head>
外部样式表不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。
例如：style.css文件如下
h1{color:red;}
p{margin-left:20px;}
2、 什么时候使用外部样式表？
当样式需要应用于很多页面时，外部样式表将是理想的选择。
使用外部样式表就可以通过改变一个文件来改变整个站点的外观。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
