CSS新手入门笔记整理:CSS基本介绍
CSS,指的是“Cascading Style Sheet(层叠样式表)”,用于控制网页外观。
CSS引入方式
外部样式表
独立建立一个.CSS文件,在HTML中使用 link标签 来引用CSS文件。link标签放置在head标签内部。
语法
<link rel="stylesheet" type="text/css" href="文件路径">
- rel即relative的缩写,它的取值是固定的,即"stylesheet",表示引入的是一个样式表文件(即CSS文件)。
- type属性的取值也是固定的,即"text/css",表示这是标准的CSS。
- href属性表示CSS文件的路径。
内部样式表
内部样式表,指的是把HTML代码和CSS代码放到同一个HTML文件中。其中,CSS代码放在style标签内,style标签是放在head标签内部的。
语法
<style type="text/css">
css代码...
</style>
- type="text/css"是必须添加的,表示这是标准的CSS。
行内样式表
将CSS代码放在元素标签内部,用style属性定义。
语法
<div style="css代码...">
......
</div>
样式表的优先级
就近原则:针对同一个属性
行内样式表>内部样式表>外部样式表
CSS注释
语法
/*注释内容*/
/*表示注释的开始,*/表示注释的结束。