H5建议将网页的两大部分【内容与样式】分开来处理，即HTML负责页面框架内容，CSS负责控制样式。这样做的好处是分工明确，条理清晰，方便编写与后期修改。
一、HTML引用CSS的方式
HTML引用CSS的方式一般可分为三种：1、引用外部样式表【最常用】；2、在HTML头部区（即<head>开始&结束标签之间）编写样式，样式可被当前HTML应用；3、在HTML内容区（即<body>开始&结束标签之间）直接编写元素样式，样式可被当前元素应用。
H5建议将样式与内容分离，即采用第一种方式来编写页面。
二、CSS文档样式编写
CSS文档扩展名为"xx.css"，可直接使用文本文档编写，HTML中引用方式示例：“ <link type="text/css" rel="stylesheet" href="index.css">”。
CSS文档中常见编写方式为“选择器{属性1：值1；属性2：值2；}”，如“p{color:red;align:right;}”,表示元素p的color属性为red，align属性为right。
HTML在引用CSS样式时，根据【选择器】来确定应用何种样式，CSS常用选择器有以下几种：
1、【元素】——如“p、h1、div、div p等”；
2、【类】——如“.class、.cat、.dog等”；
3、【id】——如“#cat、#dog等”；
4、【混合类】——以上三种（元素/类/id）的混合类，如“p.cat、div p.class等”。
三、HTML引用CSS样式的优先级比较
浏览器在显示HTML页面时，会根据样式的优先级来确定使用何种样式来显示。
1、【CSS文档】优先级确定方式如下：
优先级1：用户【！important】样式；
优先级2：页面作者【！important】样式；
优先级3：页面作者样式；
优先级4：用户样式；
优先级5：浏览器默认样式；
（注1：以上优先级1>优先级2>优先级3）
（注2：HTML文档中元素可继承其父元素样式）
2、以上【CSS文档】优先级确定后，根据【CSS选择器】不同，优先级确定方式如下：
【元素】优先级【+1/个】：如“p”、“div p”的优先级数值分别为1、2；
【类】优先级【+10/个】：如“.cat”、“p.cat”的优先级数值分别为10、11；
【id】优先级【+100/个】：如“#cat”、“p #cat”的优先级数值分别为100、101；
（注1：计算数值越大的样式优先级越高）
3、在【CSS文档】和【CSS选择器】优先级确认后，确认以下两点：
（1）后引用的CSS文档样式会覆盖之前的样式：
如同一HTML文档中样式如下：
<link type="text/css" rel="stylesheet" href="index1.css">
<link type="text/css" rel="stylesheet" href="index2.css">则后引用的"index1.css"样式会覆盖之前的"index2.css"
（2）同一HTML文档中CSS优先级【行内样式>外部样式】，且越靠近该元素的行内样式优先级越高（元素之前样式）。
如
<p style="color:red">
<p style="color:blue">段落颜色
</p></p>
则"color:blue"优先级较高，段落颜色为蓝色。
1387
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
