文档章节

盒子模型学习笔记

mygrsun
 mygrsun
发布于 2015/11/27 12:08
字数 197
阅读 36
收藏 0

盒子模型中width 和height都是内容的高度,padding 是边框和内容之间的距离,margin是边框和另外一个盒子的距离,边框的大小等于内容和padding的大小之和,但是内容的的文字并不是说必须小于内容大小,它完全可以伸出来,另外还有line-height 它是文字到margin上边界的高度,也就是盒子最顶端的距离,并且不受内容大小的影响。用这个可以做出分隔符在文中中间的效果,另外margin-top和margin-bottom只对块级元素起作用对inline级不起作用,如果a标记想使用这个就必须添加display为block

© 著作权归作者所有

共有 人打赏支持
mygrsun
粉丝 1
博文 27
码字总数 4014
作品 0
郑州
私信 提问
一些CSS方面的知识

1.学习CSS"盒子模型"(上):http://www.108js.com/article/article8/80058.html?id=1766 2.学习CSS"盒子模型"(下):http://www.108js.com/article/article8/80059.html?id=1767 3.css知多......

IT追寻者
2016/06/23
31
0
HTML、CSS学习(二)CSS的盒子模型

CSS的盒子模型 在网页的制作中,布局是最重要的内容,而Div+Css则是主要的布局方式,在以前的使用中,总认为前端技术中,CSS和Html非常简单,用到的时候,查一个手册和文档,就可以了,没有必...

AzureMonkey
2018/12/30
0
0
CSS学习笔记一——盒子模型,定位,z-index

盒子模型 结构:content + padding + border + margin 基本分类 标准盒子 IE盒子 css3新属性 box-sizing(默认值 content-box) box-sizing: content-box box-sizing: border-box 使用场景 ...

Eason_Wong
2018/08/05
0
0
学习html+css第四天笔记

昨日回顾 表单标签:

yang名扬
2014/03/27
0
0
WEB标准布局(DIV+CSS)学习笔记(一)--基础知识

首先,CSS样式有4种使用方式: 1、外部样式 2、内部样式 3、行内样式 4、导入样式 外部样式:把CSS样式写入到一个单独的文件中,每个HTML页面链接该文件,是使用最为广泛的方式,很好的体现了...

小叶与小茶
2013/12/24
268
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里高级技术专家:研发效能的追求永无止境

背景 大约在5年前,也就是2013年我刚加入阿里的时候,那个时候 DevOps 的风刚吹起来没多久,有家公司宣称能够一天发布几十上百次,这意味着相比传统软件公司几周一次的发布来说,他们响应商业...

阿里云官方博客
39分钟前
1
0
Android 的 ViewModel 机制源码解析

Android ViewModel 的好处是会随 Activity 销毁调用它的 clear() 方法。 我们分析一下它是怎么做到的。 1. 例子使用: a、 创建类 TestMvvmViewModel 继承 ViewModel,重写 onCleared() ,把...

亭子happy
50分钟前
2
0
WEB 开发总结

事务处理 事务的4个基本特征 1.Atomic(原子性),事务中包含的操作被看做是一个整体的业务单元,这个业务单元中的操作要么全部成功,要么全部失败,不会出现部分成功,部分失败的场景。 2....

北漂的我
今天
3
0
thinkphp5 利用七牛云 将amr格式语音文件转为mp3

$card_id 是我的本地的文件 将问价名字的后缀名去掉注意access_token的有效期public function ceshi1($card_id){ $mediaid = substr($card_id, 0, -4); $accessKey = ...

小小小壮
今天
1
0
数据区域之堆栈

java虚拟机在执行java程序的过程中会把它所管理的内存划分为若干个不同的数据区域, 这些区域都有各自的用途,创建和销毁时间 图: 程序计数器是一个较小的内存空间,它的作用可以看做是当前...

恋码之子
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部