CSS 学习笔记——插入样式表

CSS 学习笔记——插入样式表
 

这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~

 

一、插入样式表的方法

1、 内联样式
2、 内部样式表
3、 外部样式表

 

二、内联样式——inline style

内联样式将内容和样式表现混合在一起，比较混乱，相比较于样式表，优势不足。所以尽量不要使用内联样式。

1、 时候可以使用内联样式？

当样式仅需要在一个元素上应用一次时。

2、 使用内联样式的方法？

标签内使用样式（style）属性。

例如：

          

This is a paragraph 

三、内部样式表——internal style sheet 

使用

什么时候使用内部样式表？

当单个文档需要特殊的样式时

四、外部样式表——external style sheet

1、 使用外部样式表的方法？

页面在文档的头部, 使用 标签链接到样式表。

外部样式表不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。

例如：style.css文件如下

h1{color:red;}
p{margin-left:20px;}

2、 什么时候使用外部样式表？

当样式需要应用于很多页面时，外部样式表将是理想的选择。

使用外部样式表就可以通过改变一个文件来改变整个站点的外观。