css(Cascading Style Sheet )概念
Css级联样式表,也叫层叠样式表,简称样式表,实现了将内容与表现分离
内容:HTML
表现:css
CSS的优势:
1.内容与表现分离;
2.网页的表现统一,容易修改;
3.丰富的样式,使得页面布局更加灵活;
4.减少网页的代码量,增加网页的浏览速度,节省网络带宽;
5.运用独立于页面的CSS,有利于网页被搜索引擎收录。
CSS引入样式
行内样式
使用style属性引入CSS样式
<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式</p>
<h1 style="color:red;">style属性的应用</h1>
内部样式
直接在head头部中 title 标题下 写 style 标签
<style>
a{
font-size: 30px;
color:black;
}
</style>
外部样式
创建css文件,然后在html文件中引入css文件
link 标签 ===》引入css文件
属性:
rel : 告诉浏览器是什么样式文件
href : 引入css文件地址
type : 告诉浏览器是什么类型的文件
例:
<link rel="stylesheet" href="./index02.css" type="text/css">
三种样式优先级
行内样式>内部样式表>外部样式表(就近原则)