河南省新安网站建设-新安网络公司-优化-制作-设计推广-新安网站建设服务中心

发表日期： 2022-05-30 12:33:52 浏览次数：100

网站建设.png

新安县，隶属河南省洛阳市。位于洛阳市西部， [12] 总面积1160平方千米。 [12] 截至2020年，新安县户籍人口54.21万人。 [41] 截至2020年，新安县下辖11个镇。 [13]

秦，置新安县。1983年，改属洛阳市。 [12] 新安县是河南省扩权县 [35] 、国家卫生县城 [2] 、国家园林县城 [24] 、全国文明城市。 [3]

2020年，新安县地区生产总值524.5亿元，比上年增长4.1%。分产业看，第一产业增加值24.6亿元，第二产业增加值289.4亿元；第三产业增加值210.5亿元，三次产业结构比为4.7:55.2:40.1。

春秋，属东周王城畿地。战国，先属西周（原王城地），安王二十六年（前376），并于韩。

秦始皇二十六年（前221年），置新安县（故治在渑池县塔泥和义马市千秋乡石河村一带），属三川郡。

汉高祖二年（前205年），改三川郡为河南郡，属司隶部。析新安东境为谷成县（县治约在今洛阳市郊红山乡一带）。元鼎四年（前113年），以新安属弘农郡，谷成仍属河南郡。始建国元年（9），改弘农郡为右队，改河南郡为保忠信乡，皆属司隶部。新安、谷成两县如故。东汉，恢复西汉建置，仍以新安属弘农郡。改谷成县为谷城，属河南郡。建武十五年（39年），改河南郡为河南尹。

三国，新安、谷城皆属魏，分隶于弘农、河南两郡。

西晋太始元年（265年），撤销谷城县，分其境西归新安，东归河阴（今孟津）。新安改属河南郡。永嘉五年（311年），新安属汉（即前赵）。咸和三年（328），复司州（石虎时改洛州），新安地属后赵。永和六年（350年），新安属冉魏。永和八年（352年），新安属前燕。永和十二年（356年），复置河南郡，隶司州，新安重归于东晋。兴宁三年（365年），新安复属前燕。太和五年（370年），新安地属前秦。太元九年（384年），新安复属东晋。划分新安东境为东垣县。太元十九年（394年），新安、东垣同属后秦。义熙十二年（416年），新安、东垣复归晋。更置西东垣县，同属河南郡。元熙二年（420年），新安、东垣、西东垣洛阳俱属刘宋。

北魏太和十二年（488年），升新安为郡（郡治即今县治，县废），隶洛州，辖东垣、西东垣两县。太和十七年（493年），改洛州为司州。太和十九年（495年），复置新安县，与东垣、西东垣并属新安郡，隶司州。孝昌三年（527年），废新安郡，置北绛郡，隶晋州，新安属之。另置西新安县（即秦新安故城处），属宜阳郡，隶阳州。东魏天平元年（534年），新安属东魏。天平初，复置新安郡，隶洛州，领新安、东垣、河南3县。西新安仍隶宜阳郡。兴和二年（540年），以新安郡改隶义州，所辖仍3县。新安、东垣如故，去河南，增西垣（即刘宋之西东垣），同时以西新安改属渑池郡。西魏大统十六年（550年），东魏亡，新安属西魏，郡县如故。北周孝闵帝元年（557年），西魏亡，新安属北周。保定五年（565年），改新安郡为中州，同时废西垣县。建德六年（577年），废中州，复置新安郡，隶东京（洛阳）。

隋开皇三年（583年），废诸郡，新安、东垣如故。开皇十六年（596），置谷州，新安、东垣并属之。仁寿四年（604年），废谷州，并废新安入东垣。大业元年（605），改东垣为新安（县治即原东垣城）。并复置河南郡，新安属之。义宁二年（618年），复置新安郡，领新安1县。

唐武德元年（618），复改新安郡为谷州（州治即今县城），并又析置东垣县。时谷州领新安、东垣、渑池3县，并以新安为畿。武德四年（621年），将东垣并入新安，东垣自此废。贞观元年（627年），新安隶河南道。同时，将原谷州治移入渑池，新安移入旧州城（即今县治），改属洛州。咸亨四年（673年），于洛阳、河南、新安、济源、王屋、河阳（今孟县）6县间分置大基、柏崖2县，隶怀州。当年废柏崖。先天元年（712年），改大基为河清。开元元年（713年），改洛州为河南府，新安、河清同属之。

五代，新安建置未改，隶河南府河南郡，郡府之上隶于京都洛阳。后梁，改唐东都（洛阳）为西都。后唐，改为洛京。后晋、后汉、后周，皆称西京。

CSS 多重背景

CSS 允许您通过 background-image 属性为一个元素添加多幅背景图像。

不同的背景图像用逗号隔开，并且图像会彼此堆叠，其中的第一幅图像最靠近观看者。

下面的例子有两幅背景图像，第一幅图像是花朵（与底部和右侧对齐），第二幅图像是纸张背景（与左上角对齐）：

实例

#example1 {
  background-image: url(flower.gif), url(paper.gif);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat;}

亲自试一试

多重背景图像可以使用单独的背景属性（如上所述）或 background 简写属性来指定。

下面的例子使用 background 简写属性（结果与上例相同）：

实例

#example1 {
  background: url(flower.gif) right bottom no-repeat, url(paper.gif) left top repeat;}

亲自试一试

CSS 背景尺寸

CSS background-size 属性允许您指定背景图像的大小。

可以通过长度、百分比或使用以下两个关键字之一来指定背景图像的大小：contain 或 cover。

下面的例子将背景图像的大小调整为比原始图像小得多（使用像素）：

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

这是代码：

实例

#div1 {
  background: url(img_flower.jpg);
  background-size: 100px 80px;
  background-repeat: no-repeat;}

亲自试一试

background-size 的其他两个可能的值是 contain 和 cover。

contain 关键字将背景图像缩放为尽可能大的尺寸（但其宽度和高度都必须适合内容区域）。这样，取决于背景图像和背景定位区域的比例，可能存在一些未被背景图像覆盖的背景区域。

cover 关键字会缩放背景图像，以使内容区域完全被背景图像覆盖（其宽度和高度均等于或超过内容区域）。这样，背景图像的某些部分可能在背景定位区域中不可见。

下面的例子展示了 contain 和 cover 的用法：

实例

#div1 {
  background: url(img_flower.jpg);
  background-size: contain;
  background-repeat: no-repeat;}#div2 {
  background: url(img_flower.jpg);
  background-size: cover;
  background-repeat: no-repeat;}

亲自试一试

定义多个背景图像的尺寸

在处理多重背景时，background-size 属性还可以接受多个设置背景尺寸的值（使用逗号分隔的列表）。

下面的例子指定了三幅背景图像，每幅图像有不同的 background-size 值：

实例

#example1 {
  background: url(tree.png) left top no-repeat, url(flower.gif) right bottom no-repeat, 
  	url(paper.gif) left top repeat;
  background-size: 50px, 130px, auto;}

亲自试一试

全尺寸背景图像

现在，我们希望网站上的背景图像始终覆盖整个浏览器窗口。

具体要求如下：

用图像填充整个页面（无空白）
根据需要缩放图像
在页面上居中图像
不引发滚动条

下面的例子显示了如何实现它：使用 <html> 元素（<html> 元素始终至少是浏览器窗口的高度）。然后在其上设置固定且居中的背景。最后使用 background-size 属性调整其大小：

实例

html {
  background: url(img_man.jpg) no-repeat center fixed; 
  background-size: cover;}

亲自试一试

Hero Image

您还可以在 <div> 上使用不同的背景属性来创建 Hero Image（带有文本的大图像），并将其放置在您希望的位置上。

实例

.hero-image {
  background: url(img_man.jpg) no-repeat center; 
  background-size: cover;
  height: 500px;
  position: relative;}

亲自试一试

CSS background-origin 属性

CSS background-origin 属性指定背景图像的位置。

该属性接受三个不同的值：

border-box - 背景图片从边框的左上角开始
padding-box -背景图像从内边距边缘的左上角开始（默认）
content-box - 背景图片从内容的左上角开始

下面的示例展示了 background-origin 属性：

实例

#example1 {
  border: 10px solid black;
  padding: 35px;
  background: url(flower.gif);
  background-repeat: no-repeat;
  background-origin: content-box;}

亲自试一试

CSS background-clip 属性

CSS background-clip 属性指定背景的绘制区域。

该属性接受三个不同的值：

border-box - 背景绘制到边框的外部边缘（默认）
padding-box - 背景绘制到内边距的外边缘
content-box - 在内容框中绘制背景

下面的例子展示了 background-clip 属性：

实例

#example1 {
  border: 10px dotted black;
  padding: 35px;
  background: yellow;
  background-clip: content-box;}

亲自试一试

CSS 高级背景属性

属性	描述
background	用于在一条声明中设置所有背景属性的简写属性。
background-clip	规定背景的绘制区域。
background-image	为一个元素指定一幅或多幅背景图像。
background-origin	规定背景图像的放置位置。
background-size	规定背景图像的大小。

河南省新安网站建设-新安网络公司-优化-制作-设计推广-新安网站建设服务中心

上一页：河南省通许网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

下一页：河南省新安外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发