CSS笔记
CSS控制页面的几种方法:
1、行内样式。
如：<P style="color:#000;font-size:12px;">content</p>
2、内嵌样式：写在<head>和</head>之间，并且用<style>和</style>标记进行声明。
如：
3、链接样式：
如：<link href="test.css" type="test/css" rel="stylesheet">
4、导入样式：在HTML文件初始化时，会被导入到HTML文件内，作为文件的一部分，类似内嵌的效果。(可以在样式中导入样式)
如：<style type="text/css">
<!-- //不支持CSS的浏览器不显示样式
@import url(test.css)
-->
</style>
优先级：行内样式>内嵌样式>链接样式>导入样式
css的注释：/*和*/之间，可以是一行或多行。
HTML注释：<!-- 和-->之间。
CSS可以对一个标记同时应用两个类：
如：<h4 class="one tow">content</h4>
.one{……}
.tow{……}
1、行内样式。
如：<P style="color:#000;font-size:12px;">content</p>
2、内嵌样式：写在<head>和</head>之间，并且用<style>和</style>标记进行声明。
如：
3、链接样式：
如：<link href="test.css" type="test/css" rel="stylesheet">
4、导入样式：在HTML文件初始化时，会被导入到HTML文件内，作为文件的一部分，类似内嵌的效果。(可以在样式中导入样式)
如：<style type="text/css">
<!-- //不支持CSS的浏览器不显示样式
@import url(test.css)
-->
</style>
优先级：行内样式>内嵌样式>链接样式>导入样式
css的注释：/*和*/之间，可以是一行或多行。
HTML注释：<!-- 和-->之间。
CSS可以对一个标记同时应用两个类：
如：<h4 class="one tow">content</h4>
.one{……}
.tow{……}
<div>与<span>异同:
同:可以容纳各种HTML元素.
异:<div>是一个块级元素,它包围的元素会自动换行,而<span>是一个行内元素,在它的前后不换行.<span>没有结构上的意义,纯粹是应用样式,当其它行内元素都不合适时,就可以用<span>元素.此外,<span>标记可以包含于<div>之中,反过来却不成立.
通常情况下,对于页面中的大的区块使用<div>标记,而<span>标记仅仅用于需要单独设置样式风格的小元素,例如一个单词,一幅图片,和一个超链接上.
