当前位置: 首页 > news >正文

响应式网站建设市场免费com域名注册永久

响应式网站建设市场,免费com域名注册永久,网站开发常用问题,东莞城乡建设版心和布局流程 一、版心二、布局流程三、一列固定宽度且居中四、两列左窄右宽五、通栏平均分布型 一、版心 版心:是指网页主题内容所在的区域。一般在浏览器窗口水平居中位置,常见的宽度值为960px、980px、1000px、1200px等。 二、布局流程 为了提高…

版心和布局流程

  • 一、版心
  • 二、布局流程
  • 三、一列固定宽度且居中
  • 四、两列左窄右宽
  • 五、通栏平均分布型

一、版心

版心:是指网页主题内容所在的区域。一般在浏览器窗口水平居中位置,常见的宽度值为960px、980px、1000px、1200px等。

二、布局流程

为了提高网页制作的效率,布局时需要遵守一定的布局流程,具体如下:

  • 确定页面版心
  • 分析页面中的行模块,以及每个行模块中的列模块
  • 制作HTML结构
  • CSS初始化,然后开始运用盒子模型的原理,通过CID+CSS布局来控制网页的各个模块

三、一列固定宽度且居中

<html><head><style>* {padding: 0;margin: 0;}.top,.banner,.main,.footer {width: 960px;margin: 10px auto;text-align: center;}.top {height: 100px;background-color: pink;}.banner {height: 120px;background-color: skyblue;}.main {height: 500px;background-color: red;}.footer {height: 150px;background-color: #ccc;}</style></head><body><div class="top">top</div><div class="banner">banner</div><div class="main">main</div><div class="footer">footer</div></body>
</html>

四、两列左窄右宽

<html><head><style>* {padding: 0;margin: 0;}.top,.banner,.main,.footer {width: 960px;margin: 10px auto;text-align: center;}.top {height: 100px;background-color: pink;}.banner {height: 120px;background-color: skyblue;}.main {height: 500px;background-color: red;}.footer {height: 150px;background-color: #ccc;}.main .left {width: 360px;height: 500px;float: left;background-color: white;}.main .right {width: 590px;height: 500px;margin-left: 10px;float: left;background-color: white;}</style></head><body><div class="top">top</div><div class="banner">banner</div><div class="main"><div class="left">left</div><div class="right">right</div></div><div class="footer">footer</div></body>
</html>

五、通栏平均分布型

<html><head><style>* {padding: 0;margin: 0;}ul {list-style: none;}.top,.banner,.main,.footer {width: 960px;margin: 10px auto;text-align: center;}.top {height: 100px;background-color: pink;}.banner {height: 120px;background-color: skyblue;}.main {height: 500px;background-color: red;}.footer {height: 150px;background-color: #ccc;}.main ul li:nth-child(odd) {width: 240px;height: 240px;background-color: deeppink;float: left;}.main ul li:nth-child(even) {width: 240px;height: 240px;background-color: hotpink;float: left;}</style></head><body><div class="top">top</div><div class="banner">banner</div><div class="main"><ul><li>1</li><li>2</li><li>3</li><li>4</li></ul></div><div class="footer">footer</div></body>
</html>
http://www.ritt.cn/news/22055.html

相关文章:

  • 瑶海区网站建设网络平台推广具体是怎么推广
  • 常德网站建百度推广的费用
  • 企业平台网站建设网络营销公司有哪些
  • 冬季什么行业做网站比较多深圳华强北新闻最新消息今天
  • 响应式网站制作公司百度百度网址大全
  • 武汉网站制作多少钱湖南 seo
  • wordpress建个人网站如何设置友情链接
  • 给小孩子做网站百度知道入口
  • 文化传播集团网站建设网络营销方案策划案例
  • 网站底部样式百度权重1
  • 现代化专业群建设网站某网站搜索引擎优化
  • 学习建站的网站夫唯老师seo
  • 广州红盾信息门户网站东莞seo建站如何推广
  • 网站制作网站开发ple id充值百度交易平台官网
  • 椒江网站制作网站建设策划书
  • 重庆南岸营销型网站建设公司推荐seo产品优化免费软件
  • 个人软件外包接单平台宁波网站制作优化服务公司
  • 华为云域名注册seo学徒
  • 关于做花茶网站的策划书网站查询域名入口
  • 嘉兴高端网站建设有限公司女装关键词排名
  • 网站建设网站自助建设信息流优化师工作内容
  • 网络安全网站游戏广告联盟平台
  • qq推广开通南宁百度seo推广
  • 58同城青岛网站建设新冠疫情最新消息
  • 国外经典手机网站设计东莞百度推广排名
  • 江西头条新闻今天seo技术培训沈阳
  • 湛江专门做网站今日新闻头条最新消息
  • 网站内部资源推广牛排seo系统
  • qq怎么做自己的网站seo是什么职务
  • 网站建设和seo的工作好不好安阳企业网站优化外包