1. CSS
前端的组成:
- 结构语言:HTML
- 表现语言:CSS
- 行为语言:JavaScript
CSS:Cascading Style Sheet 级联/层叠样式表
CSS是用来给我们的HTML做美化的,事实上HTML也能做一些美化,但是为什么单独提出来CSS,那是因为可以降低耦合,并且CSS的样式非常丰富,这是HTML所不可比拟的。
2. CSS的基本语法
// 选择器:选中要美化的元素
// 声明:给选中的元素美化什么样
选择器{
声明1;
声明2;
生命3
}
示例:将p标签的所有字体颜色设置为红色
p{
color:red;
}
CSS使用示例:
style标签是用来专门编写CSS样式代码的,规范要求将style放在head标签内
<style>
h3{
color:yellow
}
<style/>
3. 掌握CSS的引入方式
- 行内样式表:在标签中通过
style
属性设置样式。每一个HTML标签都有此属性。
<!-- 行内样式表 -->
<h3 style="color:red;">出师表</h3>
- 内部样式表:在
head
标签中添加style
标签,然后编写完整的CSS语法。
<!-- 内部样式表 -->
<style type ="text/css">
h3{
color:yellow;
}
</style>
- 外部样式表:
href:外部CSS文件地址可以在项目中相对/绝对路径,也可以在其他服务器上。
<link rel="stylesheet" type="text/css" hre