文档章节

网页布局基础(1)-自动居中一列布局

维他ViTa
 维他ViTa
发布于 2016/12/04 16:49
字数 236
阅读 38
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

基础知识

W3C标准:结构化标准语言(HTML / XML)

                 表现标准语言(CSS)

                 行为标准语言(DOM / ECMAScript)

倡导:结构、样式、行为分离。

一、CSS定位机制

1. 标准文档流(Normal flow)

        从上到下、从左到右,输出文档内容;由块级元素和行级元素组成。

2. 浮动(Float)

        能够实现多列布局;通过设置float属性设置。​

3. 绝对定位(Absolute positioning)

二、块级元素 / 行级元素

1. 块级元素:

          从左到右撑满页面,独占一行;

          触碰到页面边缘时自动换行。

          Eg:div、ul、li、dl、dt、p...​

2.行级元素

          能在同一行内显示;

          不会改变HTML文档结构。

          Eg:span、stong、input、img...(大部分表单标签)​

三、盒子模型



盒子模型尺寸=边框+外边距+内边距+盒子中内容尺寸​​​​



© 著作权归作者所有

维他ViTa
粉丝 15
博文 145
码字总数 45749
作品 0
深圳
程序员
私信 提问
加载中

评论(0)

常见的布局方式有哪些?解释不同解决方案的优缺点

摘自今日头条用户:代码开发 原文链接: https://www.toutiao.com/a6671145738690363917/?ttfrom=mobileqq&utmcampaign=clientshare×tamp=1560782203&app=newsarticle&utmsource=mobil......

osc_qn2c8ls7
2019/06/17
3
0
CSS布局(五) 网页布局方式

网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠。 下面介绍网页布局的常用几种方式 1.一列布局: 一般都是固定的宽高,设置margin : 0 auto来水平...

osc_od61rt0p
2018/03/01
0
0
给你一份详细的CSS布局指南,请查收

在我们前端开发过程中,写(包括这样的预处理器)进行设计稿的样式还原是一项重要的工作,而其中,关于页面布局的部分,又是书写样式代码时候的重点和难点,这篇文章就尽可能的去总结常见的一...

catboy
04/12
0
0
css布局和定位总结

1,布局——盒子模型 (1)盒子模型的组成部分: 盒子模型—网页布局的基石,由4部分组成,边框(border),外边(margin) 内边距(padding),盒子中的内容(content)四个值:上右下左,三...

761218914
2016/07/20
76
0
CSS——把“可以动的盒子”更优雅地展示:③ 常用的“布局”

前言: 拿到一张设计稿,我们首要的就是从宏观上考虑这整个页面的“布局”。随着前端技术的不断更替,以前很多老的布局方式现在也慢慢淡化了,那哪些是我们最基本最常用的布局方式呢? 本篇给...

itsOli
2019/05/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

apache服务器 --Internal Server Error(内部服务错误)

问题显现: 首先,我先展示一下错误提示代码: Internal Server ErrorThe server encountered an internal error or misconfiguration and was unable to complete your request. Ple......

二营长意大利炮
44分钟前
15
0
唱作俱佳,腾讯AI艾灵领唱中国新儿歌

唱作俱佳,腾讯AI艾灵领唱中国新儿歌 今年六一儿童节,腾讯联合北京荷风艺术基金会发起“腾讯荷风艺术行动”,给孩子们送上两份礼物,为音乐美学中国素质教育的发展做出贡献。 其中一份就是由...

腾讯技术资讯
45分钟前
39
0
BeetlSQL3.0 难搞

最近想支持一下nosql,难搞,每个nosql server,都很难一天掌握安装和基础用法,所以先决定选用clickhouse ,apache drill (操作文件),Cassandra,这三个下手 hadoop系列也挺好的,但确实没时...

闲大赋
45分钟前
32
0
生产计划体系学习

生产计划的内容: 1、生产的最终产品与零部件数量 2、生产的批量和产出时间 3、产品产出的日程计划 生产计划编制思路,按照分层次来进行的 1、主生产计划(MPS) 2、零部件生产计划(MRP) ...

旺仔没馒头
47分钟前
19
0
如何使用Maven创建具有依赖项的可执行JAR? - How can I create an executable JAR with dependencies using Maven?

问题: I want to package my project in a single executable JAR for distribution. 我想将我的项目打包在一个可执行的JAR中进行分发。 How can I make a Maven project package all depen......

javail
49分钟前
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部