在html中使用css的三种方式：
1、行内样式：同过元素的style属性来设置
<p style="font-size:20px; color:red">hello</p>属性之间分号隔开。
2、内部样式：在<head>的<style>元素中定义css样式
<style>
p{font-size: 20px;color: red}
</style>3、外部样式：在css文件中定义css样式，然后在html的<head>中通过<style>引入外部样式表
p{font-size: 20px;color: red}
<link href="xxx.css" type="text/css" rel="stylesheet" />css文件中不加<style>标签，直接写css样式就ok。
内部|外部样式的语法： 选择器 {属性名1：属性值1; 属性名2：属性值2}
三种方式，属性之间都是分号隔开。
css注释：
/* 注释 */
css选择器
1、元素选择器、类选择器、id选择器
p{color: red} /* 元素选择器，给所有p元素设置样式*/
.red{color: red} /* 类选择器，在元素中通过class="red"引用 */
#user{color: red} /* id选择器，在元素中通过id="user"引用，最多只能使用1次 */2、通用选择器、分组选择器
*{color: red} /*通用选择器，给所有元素设置样式 */
h1,.red{color: red} /*分组选择器，同时给多个选择器设置相同的样式 */3、后代选择器、子选择器、相邻兄弟选择器、后续兄弟选择器
div p{color: red} /*后代选择器，选择<div>中所有的<p>元素，不管<p>是<div>的儿子、孙子、重孙......只要<p>是<div>的后代就行*/
div>p{color:red} /*子选择器，选择的是<p>，<p>必须是<div>的儿子*/
div+p{color:red} /*相邻兄弟选择器，选择的是<p>，<p>必须是<div>后面的第一个兄弟元素 */
div~p{color:red} /*后续兄弟选择器，选择<div>后面所有的<p>，<p>必须是<div>的兄弟元素 */4、属性选择器
[attr] /*含有attr属性*/
[attr=value] /*有attr属性，且属性值为value*/
[attr^=value] /*有attr属性，且属性值以value开头(只要value是开头就ok*/
[attr|=value] /*有attr属性，且属性值以value开头、value和后面部分以-连接 */
[attr$=value] /*有attr属性，且属性值以value结尾*/
[attr*=value] /*有attr属性，且属性值中含有value（含有就ok）*/
[attr~=value] /*有attr属性，且属性值中含有单词value，value要是一个完整的单词（和其它单词以空格隔开）*/ 新闻热点
疑难解答
