您身边的网站建设专家
日期： 2022-09-20 15:17:37 浏览数：6
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
迁西网站建设【迁西网络公司】迁西做网站、迁西微信公众号开发、迁西网站设计、迁西小程序制作
迁西县，隶属河北省唐山市，位于河北省东部，唐山市北部，滦河中下游，北靠长城。地处燕山南麓、长城脚下，县域面积1439平方千米，呈“七山一水分半田、半分道路和庄园”的自然格局。
截至2020年6月，迁西县下辖1个街道、9个镇、8个乡。总人口41万（2020年），政府驻地景忠东街21号。 [1] 迁西是著名的中国板栗之乡、国家园林县城 [2] 、国家全域旅游示范区 [3-4] 、全国休闲农业与乡村旅游示范县、电子商务进农村综合示范县 [5] 、国家生态文明建设示范县 [6]
迁西县建于1946年，因析迁安西部置县而得名，远在五、六千年前，这里已有人类繁衍生息。 [7]
迁西是燕赵文化、滦河文化的发祥地，有距今7000多年的新石器时代文化西寨遗址，有现存最完整的明长城砖窑和保存最完好的榆木岭长城，宋哲元、张自忠等名将在喜峰口与日寇殊死搏斗，李运昌、李中权等先辈在此打响冀东抗日暴动第一枪，抗战文化、长城文化、蓟镇文化、古岩文化交织融合。 [1]
京秦高速迁西支线与京哈高速公路、唐津高速公路、唐承高速公路、唐曹高速公路、唐港高速公路、沿海高速公路连接成网，1-2小时可直达北京首都国际机场、天津滨海机场、唐山三女河机场和天津港、秦皇岛港、曹妃甸港、京唐港4大港口；即将开工建设的赤峰至曹妃甸高速公路，与同期建设的京秦高速公路二通道在迁西城南交汇，境内大秦铁路横贯东西，唐承铁路纵穿南北。 [8]
2017年，地区生产总值470.2亿元，一般公共预算收入12.4亿元，固定资产投资289亿元，规模以上工业增加值256亿元。 [1]
本章概要
相对单位的广泛用途
使用em和rem
使用视口的相对单位
介绍CSS变量
说起给属性指定值，CSS提供了很多选项。人们最熟悉同时也最简单的应该是像素单位（px）。它是绝对单位，即5px放在哪里都一样大。而其他单位，如em和rem，就不是绝对单位，而是相对单位。相对单位的值会根据外部因素发生变化。比如，2em的具体值会根据它作用到的元素（有时甚至是根据属性）而变化。因此相对单位的用法更难掌握。
开发人员，即便是经验丰富的CSS开发人员，通常也不愿意使用相对单位，包括经常提到的em。em值变化的方式使其难以预测，不如像素简单明了。本章将揭开相对单位的神秘面纱。首先我会解释相对单位给CSS带来的独特价值，并帮助你理解它们。我会解释它们的工作原理，然后展示如何控制其看似不可预测的性质。相对单位可以为我们所用，用得恰当的话，它们会让代码更简洁、更灵活，也更简单。
CSS为网页带来了后期绑定（late-binding）的样式：直到内容和样式都完成了，二者才会结合起来。这会给设计流程增加复杂性，而这在其他类型的图形设计中是不存在的。不过这也带来了好处，即一个样式表可以作用于成百上千个网页。此外，用户还能直接改变最终的渲染效果，比如用户可以改变默认字号或者缩放浏览器窗口。
在早期的计算机应用开发程序（以及传统的出版行业）中，开发人员（或者出版商）明确知道其媒介的限制。一个典型的程序窗口可能宽400px、高300px，一个页面可能是宽4英寸1、高6.5英寸。因此，当开发人员设置应用程序的按钮和文字布局时，他们能精确地知道元素在屏幕上的大小和留给其他元素的空间。在网页上，一切都变了。
11英寸约合2.54厘米。——编者注
在Web环境下，用户可以设置浏览器窗口的大小，而CSS必须适应这种窗口大小。此外，当网页打开后，用户还可以缩放网页，CSS还需要适应新的限制。也就是说，不能在刚创建网页时就应用样式，而是等到要将网页渲染到屏幕上时，才能去计算样式。
这给CSS增加了一个抽象层。我们无法根据理想的条件给元素添加样式，而是要设置无论元素处于任意条件，都能够生效的规则。现在的Web环境下，网页需要既可以在4英寸的手机屏幕上渲染，也可以在30英寸的大屏幕上渲染。
在很长时间里，网页设计者通过聚焦到“像素级完美”的设计来降低这种复杂性。他们会创建一个紧凑的容器，通常是居中的一栏，大约800px宽。然后再像之前的本地应用程序或者印刷出版物那样，在这些限制里面进行设计。
随着技术的发展，加上制造商推出高清显示器，像素级完美的方式逐渐走向了终点。在21世纪初，很多人开始讨论是否可以安全地将网页宽度设计成1024px，而不是800px。随后，人们又开始讨论同样的话题，是否要将网页宽度设计成1280px。当时我们得做出选择，到底是让网页宽于旧计算机，还是窄于新计算机。
等到智能手机出现后，开发人员再也无法假装每个用户访问网站的体验都能一样。不管我们喜欢与否，都得抛弃以前那种固定宽度的栏目设计，开始考虑响应式设计。我们无法逃避CSS带来的抽象性。我们得拥抱它。
响应式——在CSS中指的是样式能够根据浏览器窗口的大小有不同的“响应”。这要求有意地考虑任何尺寸的手机、平板设备，或者桌面屏幕。第8章会详细介绍响应式设计，但本章会先普及一些重要的基础知识。
CSS带来的抽象性也带来了额外的复杂性。如果给一个元素设置800px的宽度，在小窗口下会是什么样？水平菜单如果无法在一行显示会是什么样？在写CSS的时候，我们既要考虑整体性，也要考虑差异性。当有很多方法解决同一个问题时，我们要选择能够兼顾更多情况的方法。
相对单位就是CSS用来解决这种抽象的一种工具。我们可以基于窗口大小来等比例地缩放字号，而不是固定为14px，或者将网页上的任何元素的大小都相对于基础字号来设置，然后只用改一行代码就能缩放整个网页。下面来看看CSS是如何实现这些功能的。
像素、点、派卡
CSS支持几种绝对长度单位，最常用、最基础的是像素（px）。不常用的绝对单位是mm（毫米）、cm（厘米）、in（英寸）、pt（点，印刷术语，1/72英寸）、pc（派卡，印刷术语，12点）。这些单位都可以通过公式互相换算：1in = 25.4mm = 2.54cm = 6pc = 72pt = 96px。因此，16px等于12pt（16/96×72）。设计师经常用点作为单位，开发人员则习惯用像素。因此跟设计师沟通的时候需要做一些换算。
像素是一个具有误导性的名称，CSS像素并不严格等于显示器的像素，尤其在高清屏（视网膜屏）下。尽管CSS单位会根据浏览器、操作系统或者硬件适当缩放，在某些设备或者用户的分辨率设置下也会发生变化，但是96px通常等于一个物理英寸的大小。
em是最常见的相对长度单位，适合基于特定的字号进行排版。在CSS中，1em等于当前元素的字号，其准确值取决于作用的元素。图2-1是一个内边距为1em的div元素。
图2-1 内边距为1em的元素（虚线用于展示内边距）
它的代码如代码清单2-1所示。规则集指定了字号为16px，也就是元素局部定义的1em。然后使用em指定了元素的内边距。将代码清单2-1加入一个新的样式表，在<div class="padded">中写一些文字，在浏览器中看看会是什么效果。
代码清单2-1 用em单位设置内边距
.padded {
font-size: 16px;
padding: 1em; ←---- 设置四个内边距为font-size}复制代码这里设置内边距的值为1em。浏览器将其乘以字号，最终渲染为16px。这一点很重要：浏览器会根据相对单位的值计算出绝对值，称作计算值（computed value）。
迁西网站建设【迁西网络公司】迁西做网站、迁西微信公众号开发、迁西网站设计、迁西小程序制作
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
