CSS样式表详解
本文深入讲解CSS（层叠样式表）的基本概念及其在HTML页面中的应用。介绍内联定义、样式块及外部样式表三种嵌套使用CSS的方式，并详细解析id选择器、标签选择器和类选择器的使用方法。
- CSS：层叠样式表语言
- CSS的作用：修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看
- 在HTML页面中嵌套使用CSS的三种方式： 、
- 第一种方式：在标签内部使用style属性来设置元素的css样式，这种方式称为内联定义方式。
语法格式：
<标签 style="样式名 :样式值;样式名:样式值;..."></标签>
- 第二种方式：在head标签中使用style块，这种方式被称为样式块方式。
语法格式: <head>
<style type="text/css">
选择器{
样式名:样式值;
样式名:样式值;
}
</head>
- 第三种方式:链入外部样式表文件，这种方式最常用。(将样式写入到一个独立的xxx.css文件当中，在需要的网页上直接引入css文件，样式就引入了)
语法格式：
<link type="text/css" rel="stylesheet" href="css文件的路径" />
这种方式易维护，维护成本较低
第二种方式涉及到三种选择器
- id选择器：直接用#id{
样式名:样式值;
样式名:样式值;
}
2. 标签选择器: 标签名{
样式名:样式值;
样式名:样式值;
}
3. 类选择器: .类名{
样式名:样式值;
样式名:样式值;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
