CSS样式图文详解：css样式表和选择器_html/css

主要内容

CSS概述

CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表

CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器

CSS三种扩展选择器：组合选择器、后代选择器、伪类选择器

CSS样式优先级

CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

接下来我们要讲一下为什么要使用CSS。

HTML的缺陷：

CSS 优点：

比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。

语法格式：

选择器{	属性名: 属性值;	属性名: 属性值;}

登录后复制

解释：
选择器代表页面上的某类元素，选择器后一定是大括号。
属性名后必须用冒号隔开，属性值后用分号（最后一个属性可以不用分号）。
属性名和冒号之间最好不要有空格（经验）。
如果一个属性有多个值的话，那么多个值用空格隔开

举例：

p{color: red;}

登录后复制

完整版代码举例：

<style type="text/css">	p{		font-weight: bold;		font-style: italic;		color: red;	}</style> <body>	<p>洗白白</p>	<p>你懂得</p>	<p>我不会就这样轻易的狗带</p> </body>

登录后复制

效果：

格式：

<style type="text/css">	/*		具体的注释	*/	p{		font-weight: bold;		font-style: italic;		color: red;	}</style>

登录后复制

注意：只有/* */这种注释，没有//这种注释。而且注释要写在