一、概念
CSS是层叠样式表(Cascading Style Sheets)
二、作用
定义HTML元素的显示形式,是一种格式化网页内容的技术
三、使用
1.css的语法
选择器 {属性1:值1 ;属性2:值2 ;...;属性N:值N; } ,选择器就是要改变页面中的哪些元素
2.css的样式位置
①外部样式表
<link rel="stylesheet" href="xxx.css" />
②内联样式表(直接给元素添加样式)
在元素中添加style,例如 <p style="color:blue">我是一段话</p>
③嵌入式样式表(在html中使用style标签)
<style type="text/css"> h3{ font-size : 72px} </style>
3.选择器
元素选择器,格式:元素名
id选择器,格式:#id
类选择器,格式:.class
后代选择器,格式:选择器1 选择器2
<!--
选择器
-->
<style type="text/css">
/*1.元素选择器*/
p,h3 {
color: darkorange;
}
/*2.ID选择器 #id */
#p2{
font-size: 72px;
}
/*3.类选择器 .class*/
.c1{
font-family: "华文彩云";
}
/*4.后代选择器 a b*/
p .i1{
font-size: 36px;
}