CSS语法

目录

 

1.css语法格式：

 2.高级语法

选择器的分组：

继承

派生选择器：

id选择器：

类选择器：

属性选择器

---

1.css语法格式：

selector{

property：value

 }

例：h1{color:red;font-size:14px}

•  属性大于1个之后，属性之间用分号隔开
• 如果值大于1个单词，需要加上引号：

p{font-family:"sans serif";}

 2.高级语法

• 选择器的分组：

h1,h2,h3,h4,h5,h6,a{
	color: red;
	font-size: 50px;
}

• 继承

body{
	color: greenyellow;
}

• 派生选择器：

根据元素在其位置的上下文关系来定义样式

li strong{
	color: red;
}
strong{
	color: greenyellow;
}

• id选择器：

id选择器可以标有id的HTML元素指定特定的样式，id选择器以#来定义，目前比较常用的方式是id选择器常常用于建立派生选择器

#p {
	color: red;
}
#divid{
	color: green;
}
#p a{
	color: yellow;
}

• 类选择器：

类选择器以一个点显示，class也可以用作派生选择器

.pclass{
	color: lightseagreen;
}
.divclass{
	color: red;
}

.pclass a{
	color: palevioletred;
}

• 属性选择器

格式：[属性名=*]{

}
 

	<style type="text/css">
			[title]{
				color: blue;
			}
			[title=te]{
				color: red;
			}
		</style>