CSS介绍
CSS 概念
CSS(Cascading Style Sheets)层叠样式表,又称联样式表,简称样式表
CSS文件后缀为.css
CSS用于HTML文档中的元素样式定义
为什么需要CSS
使用css的目的就是让网页具有美观一致的页面
语法
CSS规则由两个主要组成部分:选择器,以及一条或者多条声明
选择器通常是需要改变样式的HTML元素
每条声明是由一个属性和一个值组成的
属性(property)是希望设置的样式属性(style attribute)。每个属性由一个值。属性和值被冒号分开
<style>
h1{
color:blue;
font-size:12px;
}
</style>
CSS引入方式
内联样式(行内言样式)
要使用内联样式,需要在相关的标签中使用样式(style)属性。Style属性可以包含任何CSS属性
缺乏整体性,不利于维护,维护成本高
<p style="background:orange; font-size: 24px">css</p>
内部样式
在单个文档需要特殊的样式是,就应该使用内部样式,可以使用<style>
标签在文档头部定义内部样式表
单个页面内的CSS代码具有统一性和规划,便于维护,但是在多个页面见容易混乱
<head>
<style>
h1{
background: red;
}
</style>
</head>
外部样式(推荐)
当样式需要应用与多个页面时,外部样式表将是最理想的选择,在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。
每个页面使用<link>
标签链接到样式表。<link>
标签在文档的头部
<head>
<link rel="stylesheet" type="text/css" href="xxx.css">
</head>