【建站服务】禹州网站优化【禹州开通400电话】禹州网站搭建、禹州微信公众号推文外包、禹州开通京东拼多多设计、禹州淘宝装修-域名申请

当前位置：首页» 技术日志 » 【建站服务】禹州网站优化【禹州开通400电话】禹州网站搭建、禹州微信公众号推文外包、禹州开通京东拼多多设计、禹州淘宝装修-域名申请

作者: 风兰 . 阅读量： 8 . 发表时间：2022-09-20 15:23:08

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

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

禹州，简称“钧”，古称阳翟、钧州，别称夏都、钧都、药都，河南省辖县级市，许昌代管； [1] 河南省首批历史文化名城，中原城市群南缘的中心城市 [2] ；是河南省人民政府批复确定的中原经济区西南部区域性副中心城市，全国重要的中医药集散和加工、陶瓷研发、先进制造业基地 [3] 。截至2018年，全市下辖4个街道、20个镇，2个乡 [4-5] ；总面积1461平方公里 [3] ，总人口130.38万人 [6] ，其中市区常住人口47万人 [2] 。

禹州地处中国华中地区、河南省中部 [7-8] ，北距省会郑州80公里，位于中原经济区核心区，毗邻郑州航空港经济综合实验区；是全国发展改革试点市、中国环境艺术陶瓷生产基地、全国新型城镇化综合试点市、国家城乡融合发展试验区、河南省首批文化改革发展试验区 [2] 。

禹州因大禹治水有功受封于此而得名， [2] 是黄帝部落活动的中心区域之一 [9] ，夏朝都城、韩国都城、秦汉颍川郡治、金元明清的州治所 [10] ，钧瓷唯一产地、明清全国四大中药材集散地；禹州是中华民族的发祥地之一 [2] ，境内有具茨山文化 [11-12] 、伏羲文化 [13] 、黄帝文化 [9] 、大禹文化 [14] 、钧瓷文化 [15] 、中医药文化 [16] 等古文化；拥有大量的历史文化遗存和深厚的历史底蕴 [2] ，孕育出韩非、吕不韦、张良、吴道子、晁错、褚遂良、邯郸淳、郭嘉、司马徽等历史名人 [17] 。

2020年，全市生产总值完成849.6亿元，增长3.1%； [224] 荣获中国优秀旅游城市、国家卫生城市、国家园林城市 [19-20] 、中国生态魅力市、中国最具魅力宜居宜业宜游城市等称号。 [2] 2020年5月18日，入围人民日报社举办的全囯传播热度百强市（县级）。 [21]

更改页面颜色

html {
  background-color: #00539F;}

这条规则将整个页面的背景颜色设置为所计划的颜色。

文档体格式设置

body {
  width: 600px;
  margin: 0 auto;
  background-color: #FF9500;
  padding: 0 20px 20px 20px;
  border: 5px solid black;}

现在是 <body> 元素。以上条声明，我们来逐条查看：

width: 600px; —— 强制页面永远保持 600 像素宽。
margin: 0 auto; —— 为 margin 或 padding 等属性设置两个值时，第一个值代表元素的上方和下方（在这个例子中设置为 0），而第二个值代表左边和右边（在这里，auto 是一个特殊的值，意思是水平方向上左右对称）。你也可以使用一个，三个或四个值，参考这里。
background-color: #FF9500; —— 如前文所述，指定元素的背景颜色。我们给 body 用了一种略微偏红的橘色以与深蓝色的 <html> 元素形成反差，你也可以尝试其它颜色。
padding: 0 20px 20px 20px; —— 我们给内边距设置了四个值来让内容四周产生一点空间。这一次我们不设置上方的内边距，设置右边，下方，左边的内边距为20像素。值以上、右、下、左的顺序排列。
border: 5px solid black; —— 直接为 body 设置 5 像素的黑色实线边框。

定位页面主标题并添加样式

h1 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;}

你可能发现页面的顶部有一个难看的间隙，那是因为浏览器会在没有任何 CSS 的情况下给 <h1> (en-US) 等元素设置一些默认样式。但这并不是个好主意，因为我们希望一个没有任何样式的网页也有基本的可读性。为了去掉那个间隙，我们通过设置 margin: 0; 来覆盖默认样式。

至此，我们已经把标题的上下内边距设置为 20 像素，并且将标题文本与 HTML 的背景颜色设为一致。

需要注意的是，这里使用了一个 text-shadow 属性，它可以为元素中的文本提供阴影。四个值含义如下：

第一个值设置水平偏移值 —— 即阴影右移的像素数（负值左移）。
第二个值设置垂直偏移值 —— 即阴影下移的像素数（负值上移）。
第三个值设置阴影的模糊半径 —— 值越大产生的阴影越模糊。
第四个值设置阴影的基色。

不妨尝试不同的值看看能得出什么结果。

图像居中

img {
  display: block;
  margin: 0 auto;}

最后，我们把图像居中来使页面更美观。可以复用 body 的 margin: 0 auto ，但是需要一点点调整。 <body> 元素是块级元素，意味着它占据了页面的空间并且能够赋予外边距和其他改变间距的值。而图片是内联元素，不具备块级元素的一些功能。所以为了使图像有外边距，我们必须使用 display: block 给予其块级行为。

注：以上说明假定所选图片小于页面宽度（600 pixels）。更大的图片会溢出 body 并占据页面的其他位置。要解决这个问题，可以：
1）使用图片编辑器来减小图片宽度；
2）用 CSS 限制图片大小，即减小 <img> 元素 width 属性的值（比如 400 px）。

注：如果你暂时不能理解 display: block 和块级元素与行内元素的差别也没关系；随着你对 CSS 学习的深入，你将明白这个问题。display 属性的更多信息请查看参考页面。