您身边的网站建设专家
日期： 2022-09-20 15:17:12 浏览数：3
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
遵化市400电话申请开通【遵化市企业网站建设】遵化市微信公众号小程序开发运营价格、遵化市微信公众号APP软件客户端设计运营、遵化市网页页面设计公司费用、遵化市公司网站制作方案流程改版维护大概需要多少钱
遵化市，河北省财政直管县， [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%。
大多数简写属性可以省略一些值，只指定我们关注的值。但是要知道，这样做仍然会设置省略的值，即它们会被隐式地设置为初始值。这会默默覆盖在其他地方定义的样式。比如，如果给网页标题使用简写属性font时，省略font-weight，那么字体粗细就会被设置为normal（如图1-12所示）。
图1-12 简写属性会设置省略值为其初始值
将代码清单1-17加入样式表，可以看到效果。
代码清单1-17 简写属性指定了所有相关的值
h1 {
font-weight: bold;}.title {
font: 32px Helvetica, Arial, sans-serif;}复制代码乍一看可能会觉得<h1 class="title">会将标题加粗，但结果不是。代码清单1-17等价于代码清单1-18。
代码清单1-18 与代码清单1-17中的简写属性等价的展开属性
h1 {
font-weight: bold;}.title {
font-style: normal; （以下5行）这些属性的初始值
font-variant: normal;
font-weight: normal;
font-stretch: normal;
line-height: normal;
font-size: 32px;
font-family: Helvetica, Arial, sans-serif;}复制代码给<h1>添加这些样式会显示成普通的字体，而不是加粗的字体。这些样式也会覆盖从祖先元素继承的字体样式。在所有的简写属性里，font的问题最严重，因为它设置的属性值太多了。因此，要避免在<body>元素的通用样式以外使用font。当然，其他简写属性也可能会遇到一样的问题，因此要当心。
简写属性会尽量包容指定的属性值的顺序。可以设置border: 1px solid black或者border: black 1px solid，两者都会生效。这是因为浏览器知道宽度、颜色、边框样式分别对应什么类型的值。
但是有很多属性的值很模糊。在这种情况下，值的顺序很关键。理解这些简写属性的顺序很重要。
上、右、下、左
当遇到像margin、padding这样的属性，还有为元素的四条边分别指定值的边框属性时，开发者容易弄错这些简写属性的顺序。这些属性的值是按顺时针方向，从上边开始的。
记住顺序能少犯错误。它的记忆口诀是TRouBLe：top（上）、right（右）、bottom（下）、left（左）。
用这个口诀给元素设置四边的内边距。如图1-13所示的链接，上内边距为10px，右内边距为15px，下内边距为0，左内边距为5px。虽然这些内边距看起来不是很均匀，但是可以说明简写属性的顺序。
图1-13 元素每个方向的内边距都不一样
代码清单1-19展示了这些链接的CSS。
代码清单1-19 指定元素每个方向的内边距
.nav a {
color: white;
background-color: #13a4a4;
padding: 10px 15px 0 5px; ←---- 上、右、下、左内边距
border-radius: 2px;
text-decoration: none;}复制代码这种模式下的属性值还可以缩写。如果声明结束时四个属性值还剩一个没指定，没有指定的一边会取其对边的值。指定三个值时，左边和右边都会使用第二个值。指定两个值时，上边和下边会使用第一个值。如果只指定一个值，那么四个方向都会使用这个值。因此下面的声明都是等价的。
padding: 1em 2em;padding: 1em 2em 1em;padding: 1em 2em 1em 2em;复制代码
下面的声明也是等价的。
padding: 1em;padding: 1em 1em;padding: 1em 1em 1em;padding: 1em 1em 1em 1em;复制代码
对很多开发人员而言，比较难的是指定三个值时。记住，这种情况指定了上、右、下的值。因为没有指定左边的值，所以它会取与右边相等的值。第二个值就会作用到左边和右边。因此padding: 10px 15px 0是设置左右内边距为15px，上内边距为10px，下内边距为0。
不过，大多数情况只需要指定两个值。尤其对于较小的元素，左右的内边距最好大于上下内边距。这种样式很适合网页的按钮或者导航链接（如图1-14所示）。
图1-14 很多元素在水平方向的内边距较大会更好看些
按照代码清单1-20更新样式表。它使用简写属性先给垂直方向加上内边距，再给水平方向加上内边距。
代码清单1-20 指定两个内边距
.nav a {
color: white;
background-color: #13a4a4;
padding: 5px 15px; ←---- 上下内边距，然后是左右内边距
border-radius: 2px;
text-decoration: none;}复制代码因为很多属性遵循这个顺序，所以最好记住它。
水平、垂直
“TRouBLe”口诀只适用于分别给盒子设置四个方向的值的属性。还有一些属性只支持最多指定两个值，这些属性包括background-position、box-shadow、text-shadow（虽然严格来讲它们并不是简写属性）。这些属性值的顺序跟padding这种四值属性的顺序刚好相反。比如，padding: 1em 2em先指定了垂直方向的上/下属性值，然后才是水平方向的右/左属性值，而background-position: 25% 75%则先指定水平方向的右/左属性值，然后才是垂直方向的上/下属性值。
遵化市400电话申请开通【遵化市企业网站建设】遵化市微信公众号小程序开发运营价格、遵化市微信公众号APP软件客户端设计运营、遵化市网页页面设计公司费用、遵化市公司网站制作方案流程改版维护大概需要多少钱
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
