遵化市网站优化【遵化市开通400电话】遵化市网站搭建、遵化市微信公众号推文外包、遵化市开通京东拼多多设计、遵化市淘宝装修

遵化市网站优化【遵化市开通400电话】遵化市网站搭建、遵化市微信公众号推文外包、遵化市开通京东拼多多设计、遵化市淘宝装修

遵化市，河北省财政直管县， [1]  河北省直辖县级市，由唐山市代管。地处河北省东北部、燕山南麓，周围由燕山余脉所环绕。四季分明，季风盛行。总面积1521平方千米，下辖2个街道、13个镇、12个乡，常住人口77.67万人（2017年）。

遵化市历史文化源远流长，是联合国地名专家组命名的“千年古县”，有纪年历史2200多年，天宝元年至四年（742—745），在玉田县东北90里设平州买马监（养马机构）。五代后唐，从玉田县划出建遵化县，遵化意为“遵从孔孟之道，教化黎民百姓”。 [2]  遵化头枕燕山，身偎滦水，北倚长城，西眺北京，南临津唐，东通辽沈，境内有世界文化遗产2处（清东陵、古长城），5A级旅游景区1处（清东陵），4A级旅游景区1处（万佛园）。 [3] 

遵化市是2019全国营商环境百强县。 [4]  2020年9月，入选河北省食品产业强县（市、区）（创建型）名单。

2018年，遵化市地区生产总值502.73亿元，同比增长8.1%，其中第一产业增加值44.98亿元，同比增长3.2%。第二产业增加值201.65亿元，同比增长7.9%。第三产业增加值256.11亿元，同比增长9.0%。

下面来分析层叠的规则。当声明冲突时，层叠会依据三种条件解决冲突。

(1) 样式表的来源：样式是从哪里来的，包括你的样式和浏览器默认样式等。

(2) 选择器优先级：哪些选择器比另一些选择器更重要。

(3) 源码顺序：样式在样式表里的声明顺序。

层叠的规则是按照这种顺序来考虑的。图1-3概括展示了规则的用法。

图1-3　层叠的高级流程图，展示了声明的优先顺序

这些规则让浏览器以可预测的方式解决CSS样式规则的冲突。我们来一个一个地分析。

术语解释

你熟不熟悉CSS语法中各部分的名称，取决于你从哪儿学的CSS。这一点我不加强调，但是因为整本书都要用到这些术语，所以我最好解释一下这些术语的意思。

以下是CSS中的一行。它被称作一个声明。该声明由一个属性（color）和一个值（black）组成。

color: black;复制代码

不要将CSS属性（property）跟HTML属性（attribute）混淆。比如在<a href="/">元素里，href就是a标签的一个HTML属性。

包含在大括号内的一组声明被称作一个声明块。声明块前面有一个选择器（如下面的body）。

body {
  color: black;
  font-family: Helvetica;}复制代码

选择器和声明块一起组成了规则集（ruleset）。一个规则集也简称一个规则，不过我发现很少有人说单数形式的规则（rule），通常会用复数形式（rules），用来指一系列样式的集合。

最后，@规则（at-rules）是指用“@”符号开头的语法。比如@import规则或者@media查询。

1.1.1　样式表的来源

你添加到网页里的样式表并不是浏览器唯一使用的样式表，还有其他类型或来源的样式表。你的样式表属于作者样式表，除此之外还有用户代理样式表，即浏览器默认样式。用户代理样式表优先级低，你的样式会覆盖它们。

说明　有些浏览器允许用户定义一个用户样式表。这是第三种来源，它的优先级介于用户代理样式表和作者样式表之间。用户样式表很少见，并且不受网站作者控制，因此这里略过。

用户代理样式在不同浏览器上稍有差异，但是大体上是在做相同的事情：为标题（<h1>到<h6>）和段落（<p>）添加上下外边距，为列表（<ol>和<ul>）添加左侧内边距，为链接添加颜色，为元素设置各种默认字号。

1. 用户代理样式

   再看一下示例的网页（如图1-4所示）。标题字体是sans-serif，由你添加的样式决定。其他元素的样式则是由用户代理样式决定：列表有左侧内边距，list-style-type为disc，因此有项目符号（小黑点）。链接为蓝色且有下划线。标题和列表有上下外边距。

   

   图1-4　用户代理样式给网页头部设置了默认样式

   浏览器应用了用户代理样式后才会应用你的样式表，即作者样式表。你指定的声明会覆盖用户代理样式表里的样式。如果你在HTML里面链接了多个样式表，那么它们的来源都相同，即作者。

   用户代理样式表因为设置了用户普遍需要的样式，所以不会做一些完全超出预期的事情。当你不喜欢默认样式时，可以在自己的样式表里设置别的值。现在就试试覆盖一些你不想要的用户代理的样式，让网页看起来如图1-5所示。

   

   图1-5　作者样式覆盖用户代理样式，因为作者样式的优先级更高

   在代码清单1-3中，我将之前冲突的字体声明去掉了，另外添加了新的样式，设置了各种颜色，覆盖了用户代理默认的外边距和列表内边距以及项目符号。将代码清单1-3更新到你的样式表中。

   代码清单1-3　覆盖用户代理样式

   h1 {
     color: #2f4f4f;
     margin-bottom: 10px; （以下5行）减小外边距}                             #main-nav {                   
     margin-top: 10px;        
     list-style: none;  （以下2行）删除用户代理的列表样式
     padding-left: 0;   }#main-nav li {      （以下3行）让列表元素水平排列，而不是上下叠放
     display: inline-block;     }                                 #main-nav a {
     color: white;      （以下5行）给导航链接加上类似按钮的外观
     background-color: #13a4a4;    
     padding: 5px;                 
     border-radius: 2px;          
     text-decoration: none;       }复制代码

   如果长期使用CSS，你大概习惯了覆盖用户代理的样式。这种做法实际上就是利用了层叠的样式来源规则。你写的样式会覆盖用户代理样式，因为来源不同。

   说明　你可能注意到我用了ID选择器，但应该避免使用这种选择器，稍后会做出解释。

遵化市网站优化【遵化市开通400电话】遵化市网站搭建、遵化市微信公众号推文外包、遵化市开通京东拼多多设计、遵化市淘宝装修