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

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

淮滨县，河南省信阳市下辖县，位于信阳市东北部，地处东经115°11′—115°35，北纬32°15′—32°38'之间，总面积1209平方公里，地处北亚热带与暖温带气候过渡地带。 [1]  截至2020年6月，淮滨县辖4个街道、5个镇、10个乡， [2]  县政府驻滨湖街道。 [3]  截至2019年末，淮滨县总人口78.47万。 [4] 

淮滨因位于淮河之滨而得名。1952年8月经国务院批准，正式设立淮滨县。 [1]  1962年10月20日，合并于息县的原淮滨行政区域和固始县的原淮滨县期思、张庄两个区的行政区域为淮滨县的行政区域。 [5]  2019年3月，淮滨县入选第一批革命文物保护利用片区分县名单。 [6]  淮滨县产业集聚区是河南省首批确定的175个产业集聚区之一。造船业是淮滨县传统优势产业，也是纳入河南省“十一五”规划予以重点支持的装备制造业。 [7]  2020年2月26日，河南省人民政府批准淮滨县退出贫困县，正式脱贫摘帽。 [8]  淮滨县境内有期思古城、东西湖风景区、淮滨淮南湿地自然保护区等著名景点。

2019年，淮滨县生产总值225.92亿元，增长7.9%。其中，第一产业增加值41.26亿元，增长1.8%；第二产业增加值91.70亿元，增长8.9%；第三产业增加值92.97亿元，增长10.7%，三次产业结构18.3:40.6:41.1。 [4] 

前言

本文理一下CSS布局的一些事。CSS布局要注意哪些点。其实CSS布局是有技巧的，不同人布局页面，最后出来的效果可能差不多，但是一些布局细节可能差很多。本文不讲stiky footer 布局，圣杯双飞翼等等的布局方式，就说一下一些常用的布局技巧。

一、少用定死宽度

布局的时候，少用定死的宽度，假如真的用宽度，外层用就可以，尽量让宽度和影响宽度的padding\border(有时候也包含margin),分开来布局。

1、避免用定死宽度布局

布局的时候，不要用定死宽度和float布局。可以采用左侧固定，右侧自适应，或者flex布局方式进行。

2、宽度分离 确实要用宽度的时候，在外层用，避免宽度和padding\border一起使用，推荐如下：

.father{width:1280px}.son{margin:0 20px;padding:16px;border:1px solid}

二、优先级最高的width

max-width 和min-width 优先级是最高的，即使宽度设置了！important，最大宽度和最小宽度的优先级也是最高的。

例如如下：

<img  src="haoroomscom.jpg" style="width:500px !important;">img{max-width:300px;}

图片就会展示300px

利用这一点，我们可以做高度展开收起的动画效果。

例如如下：

.element{max-height:0;overflow:hidden;transtion:max-height .25s;}.element.show{max-height:500px}

就可以出现展开收起的动画，假如max-height，设置为height,就不会出现动画。

三，辅助元素生成content

content的作用很多，我之前也有文章专门介绍过，请看：https://www.haorooms.com/post/content_attr

四、多列等高布局

请看之前文章：https://www.haorooms.com/post/css_skill2

五、无依赖absolute绝对定位

布局一个top1

我们仅仅需要一句就可以

HTML：

<img src="top1.png" class="top1"><img src="https://www.haorooms.com/uploads/images/5gvideo.jpg">

CSS：

.top1 {
  position: absolute;}

因此，我们可以借助这个特性，来布局hot,new等导航栏的标识

通过absolute和margin 配合

例如hot标签

.icon-hot{position:absolute;margin:-6px 0 0 2px;width:12px;height:11px;background:url(hot.gif);}

除此之外，input必填输入框的* ；tips标识，都可以用这个特性来布局

.icon-warn{position:absolute;margin-left:-20px;width:20px;height:20px;background:url(haorooms-warn.gif) no-repeat center;}

六、releative最小化原则

经常看到有朋友在body等上面加position:releative 这样其实会限制很多，出现一些意想不到的问题。

最小化原则如下： 假如我们要在如下结构右上角定位一个图标

<div><img src="haorooms.com.text" /><p>haorooms测试内容</p><p>haorooms测试内容</p><p>haorooms测试内容</p></div>

要这么写：

<div>
 <div style="position:relative">
   <img src="icon.gif" style="position:absolute;top:0;right:0">
 </div><img src="haorooms.com.text" /><p>haorooms测试内容</p><p>haorooms测试内容</p><p>haorooms测试内容</p></div>

这样污染最小，而不是在外层增加position:relative

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