文档章节

网页布局基础

奇里蓝天
 奇里蓝天
发布于 2015/09/21 17:28
字数 184
阅读 11
收藏 0

CSS布局机制--标准流(Flow)  浮动(Float)  绝对定位布局(Absolute)

标准流(Flow)--从上到下,从左到右

网页元素居中,如果设置了margin属性为auto时,就不能够再设置float和position属性,否则margin设置无效。

浮动(Float)--块级元素横向排版

设置浮动

float属性(left、right、none)

清除浮动

clear属性(left、right、both),一般适用于紧邻后面的元素

固定宽度+overflow属性为hidden,一般用于父容器

绝对定位布局(Absolute)

position属性(static、relative、absolute、fixed)

relative相对定位,并未脱离标准文档流

absolute绝对定位,脱离了标准文档流,拥有了空间层堆叠

© 著作权归作者所有

奇里蓝天
粉丝 0
博文 2
码字总数 271
作品 0
广州
程序员
私信 提问
WEB前端工程师-练成

一、HTML和CSS基础 1.1 开发工具 1.1.1 前端开发工具技巧介绍-DW篇 1.1.2 前端开发工具技巧介绍-Sublime篇 1.2 HTML和CSS基础课程 1.2.1 HTML+CSS基础课程 1.3 网页布局 1.3.1 如何用CSS进行...

霞女
2015/12/02
89
0
2019年应该如何学习前端开发?

近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一...

WEB开发阿靖
02/16
0
0
推荐 10 款 CSS 框架,网页设计就是这么简单

程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,因为开源帮了你,下面为你介绍11款相当不错的CSS框架,专心做程序吧,网页设计交...

小编辑
2011/05/20
26.6K
13
资料搜集

本书分为两篇共8章,并包括三个附录。 第1篇(第1~5章)是基础篇,介绍了网页制作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页制作工具DreamweaverCS5; 第2篇(第6~8...

能民
2016/01/07
3
0
好程序员HTML5大前端分享学Web前端开发有哪些要求

互联网的迅速普及无疑便利了我们的生活,各种编程语言也是俘获了各类编程工作者的芳心。Web前端就是其中之一。前端工程师一度成为大家仰慕的高薪阶层。零基础入行着实有些许不便,,那么,有...

好程序员IT
06/05
6
0

没有更多内容

加载失败,请刷新页面

加载更多

医疗项目pc端后台页面用vue重构整个html页面

页面源码是vue

xintaiideas
31分钟前
2
0
领域驱动中的“贫血症和失忆症” --实践领域驱动--原文

贫血症严重危害着人类健康,并且伴随有危险的副作用。当贫血领域对象被首次提出来时,它并不是一个博得赞美的词汇,它描述的是一个缺少内在行为领域对象。奇怪的是,人们对于贫血领域对象的态...

还仙
34分钟前
5
0
条码打印软件中标签预览正常打印无反应怎么解决

在使用条码打印软件制作标签时,有客户反馈,标签打印预览正常的,但是打印无反应,咨询是怎么回事?今天针对这个情况,可以参考以下方法进行解决。 一、预览正常情况下,打印没反应 (1)在条码...

中琅软件
44分钟前
5
0
判断字符串的时候

判断字符串的时候一定把常量房前边, //报警程度 String leve = vo.getDeviceAlertDeal().getWarnLevel(); if(("0").equals(leve)) { row.add("无报警"); }else if(("1").equals(leve)) { ro......

简小姐
44分钟前
7
0
Linux maven3.6.2 install

PS:安装 maven 之前请先安装 jdk 1.安装 wget 命令(安装过就不用了) yum -y install wget 2.寻找需要的 maven 版本 https://maven.apache.org/download.cgi 3.进入 /var/local 文件夹 cd...

东方神祇
47分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部