当前位置: 网站首页>小程序开发>网站优化

遵化市网站制作要多少钱【域名企业邮箱服务器注册申请办理】遵化市网络优化公司哪家好、遵化市软件开发外包价格、遵化市高端企业网站页面制作设计专业公司、遵化市微信公众号小程序购物支付搭建制作公司

发表日期: 2021-04-21 12:57:48 浏览次数:119

遵化市网站制作要多少钱【域名企业邮箱服务器注册申请办理】遵化市网络优化公司哪家好、遵化市软件开发外包价格、遵化市高端企业网站页面制作设计专业公司、遵化市微信公众号小程序购物支付搭建制作公司


遵化市,河北省财政直管县, [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.3 特殊值

有两个特殊值可以赋给任意属性,用于控制层叠:inheritinitial。我们来看看这两个特殊值。

1.3.1 使用inherit关键字

有时,我们想用继承代替一个层叠值。这时候可以用inherit关键字。可以用它来覆盖另一个值,这样该元素就会继承其父元素的值。

假设我们要给网页加上一个浅灰色的页脚。在页脚上有一些链接,但我们不希望这些链接太显眼,因为页脚不是网页的重点。因此要将页脚的链接变成深灰色(如图1-10所示)。

{%}

图1-10 继承了灰色文本颜色的“Terms of use”链接

将代码清单1-14加入到网页底部。通常在页头和页脚之间会有更多内容,我们为了演示省略了这些内容。

代码清单1-14 带链接的页脚

<footer class="footer">
  &copy; 2016 Wombat Coffee Roasters &mdash;  <a href="/terms-of-use">Terms of use</a></footer>复制代码

通常我们会给网页的所有链接加上一个字体颜色(如果不加的话,就会以用户代理样式为准)。这个颜色也会作用于页脚的“Terms of use”链接。为了让页脚的链接变成灰色,需要覆盖颜色值。将代码清单1-15添加到你的样式表。

代码清单1-15 inherit

a:link {     (以下3行)全局的网页链接颜色
  color: blue;         }                      ....footer {
  color: #666;         ←---- 页脚的文本设置为灰色
  background-color: #ccc;      
  padding: 15px 0;
  text-align: center;
  font-size: 14px;}.footer a {
  color: inherit;      ←---- 从页脚继承文本颜色
  text-decoration: underline;       }复制代码

第三个规则集覆盖了蓝色的链接色,让页脚链接的层叠值为inherit。因此,它继承了父元素<footer>的颜色。

这么做的好处是,如果页脚发生任何样式改变的话(比如修改第二个规则集,或者被别的样式覆盖),页脚链接的颜色就会跟着页脚其他内容一起改变。比如,当页脚文本变为更深的灰色时,其中的链接也会跟着改变。

还可以使用inherit关键字强制继承一个通常不会被继承的属性,比如边框和内边距。通常在实践中很少这么做,但是第3章介绍盒模型时,你会看到一个实际用例。

1.3.2 使用initial关键字

有时,你需要撤销作用于某个元素的样式。这可以用initial关键字来实现。每一个CSS属性都有初始(默认)值。如果将initial值赋给某个属性,那么就会有效地将其重置为默认值,这种操作相当于硬复位了该值。图1-11展示了给页脚链接赋以initial而不是inherit时的效果。

{%}

图1-11 默认的颜色值为黑色

图1-11对应的CSS如代码清单1-16所示。因为在大多数浏览器中,黑色是color属性的初始值,所以color: initial等价于color: black

代码清单1-16 initial

.footer a {
  color: initial;
  text-decoration: underline;}复制代码

这么做的好处是不需要思考太多。如果想删除一个元素的边框,设置border: initial即可。如果想让一个元素恢复到默认宽度,设置width: initial即可。

你可能已经习惯了使用auto来实现这种重置效果。实际上,用width: auto是一样的,因为width的默认值就是auto

但是要注意,auto不是所有属性的默认值,对很多属性来说甚至不是合法的值。比如border-width: autopadding: auto是非法的,因此不会生效。可以花点时间研究一下这些属性的初始值,不过使用initial更简单。

说明 声明display: initial等价于display: inline。不管应用于哪种类型的元素,它都不会等于display: block。这是因为initial重置为属性的初始值,而不是元素的初始值。inline才是display属性的初始值。

1.4 简写属性

简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性,可以用于设置多种字体属性。它指定了font-stylefont-weightfont-sizefont-height以及font-family

font: italic bold 18px/1.2 "Helvetica", "Arial", sans-serif;复制代码

还有如下属性。

  • background是多个背景属性的简写属性:background-colorbackground-imagebackground-sizebackground-repeatbackground-positionbackground-originbackground-chip以及background-attachment

  • borderborder-widthborder-style以及border-color的简写属性,而这几个属性也都是简写属性。

  • border-width是上、右、下、左四个边框宽度的简写属性。

简写属性可以让代码简洁明了,但是也隐藏了一些怪异行为。



遵化市网站制作要多少钱【域名企业邮箱服务器注册申请办理】遵化市网络优化公司哪家好、遵化市软件开发外包价格、遵化市高端企业网站页面制作设计专业公司、遵化市微信公众号小程序购物支付搭建制作公司


400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: http://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878