
发表日期: 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%。
使用开发者工具
当属性值被继承和覆盖时,这个路径会很难追踪。如果你还不熟悉浏览器的开发者工具,请开始养成使用它们的习惯。
使用开发者工具能够看到哪些元素应用了哪些样式规则,以及为什么应用这些规则。层叠和继承都是抽象的概念,使用开发者工具是最好的追踪方式。在一个页面元素上点击鼠标右键,选择弹出菜单上的检查元素,就能打开开发者工具,示例如下所示。
样式检查器显示了所检查元素的每个选择器,它们根据优先级排列。在选择器下方是继承属性。元素所有的层叠和继承一目了然。
有很多细节可以帮助开发人员弄清楚一个元素的样式是怎么产生的。靠近顶部的样式会覆盖下面的样式。被覆盖的样式上划了删除线。右侧显示了每个规则集的样式表和行号,你可以在源代码中找到它们。这样就能准确判断哪个元素继承了哪些样式以及这些样式的来源。还可以在顶部的筛选框中选择特定的声明,同时隐藏其他声明。
有两个特殊值可以赋给任意属性,用于控制层叠:inherit和initial。我们来看看这两个特殊值。
inherit关键字有时,我们想用继承代替一个层叠值。这时候可以用inherit关键字。可以用它来覆盖另一个值,这样该元素就会继承其父元素的值。
假设我们要给网页加上一个浅灰色的页脚。在页脚上有一些链接,但我们不希望这些链接太显眼,因为页脚不是网页的重点。因此要将页脚的链接变成深灰色(如图1-10所示)。

图1-10 继承了灰色文本颜色的“Terms of use”链接
将代码清单1-14加入到网页底部。通常在页头和页脚之间会有更多内容,我们为了演示省略了这些内容。
代码清单1-14 带链接的页脚
<footer class="footer"> © 2016 Wombat Coffee Roasters — <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章介绍盒模型时,你会看到一个实际用例。
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: auto和padding: auto是非法的,因此不会生效。可以花点时间研究一下这些属性的初始值,不过使用initial更简单。
说明 声明
display: initial等价于display: inline。不管应用于哪种类型的元素,它都不会等于display: block。这是因为initial重置为属性的初始值,而不是元素的初始值。inline才是display属性的初始值。
简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性,可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。
font: italic bold 18px/1.2 "Helvetica", "Arial", sans-serif;复制代码
还有如下属性。
background是多个背景属性的简写属性:background-color、background-image、background-size、background-repeat、background-position、background-origin、background-chip以及background-attachment。
border是border-width、border-style以及border-color的简写属性,而这几个属性也都是简写属性。
border-width是上、右、下、左四个边框宽度的简写属性。
简写属性可以让代码简洁明了,但是也隐藏了一些怪异行为。
遵化市网站制作要多少钱【域名企业邮箱服务器注册申请办理】遵化市网络优化公司哪家好、遵化市软件开发外包价格、遵化市高端企业网站页面制作设计专业公司、遵化市微信公众号小程序购物支付搭建制作公司
服务热线
顶部
备案号: 苏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