文档章节

盒子模型学习笔记

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
CSS学习笔记一——盒子模型,定位,z-index

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

Eason_Wong
08/05
0
0
WEB前端学习CSS面试题汇总,来巩固一下你的知识吧

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
05/11
0
0
WEB标准布局(DIV+CSS)学习笔记(一)--基础知识

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

小叶与小茶
2013/12/24
268
0
端程序员入门所要学习的16个知识点

1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超链接(a标签)、Img图片标签 2、盒子模型 初探Div盒子模型 、css样式、 简单css样式、盒...

急速奔跑中的蜗牛
06/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Coding and Paper Letter(三十七)

资源整理。 1 Coding: 1.GDAL的node.js版本。 node gdal 2.R语言包echor,下载EPA许可设施的废水排放和空气排放数据。 echor 3.CPPTRAJ是一个旨在处理和分析分子动力学轨迹和从其分析中得出的...

胖胖雕
23分钟前
2
0
plsql developer如何创建新用户(users)

plsql developer如何创建新用户(users) 2017年05月04日 21:51:43 Alan_ZhQ 阅读数:14558 标签: plsql developer 更多 个人分类: plsql developer 版权声明:本文为博主原创文章,转载请...

linjin200
26分钟前
1
0
php安装编译时错误合集

php安装编译时错误合集 出现collect2: ld returned 1 exit status make: *** [sapi/cli/php] Error 1 出现此种错误最大可能是配置时出现了错误 libxml默认安装的路径是/usr/local,我把--wit...

alt_tab_jj
28分钟前
1
0
7.09-js保留小数点后两位

//num 是传过来的值,del是要保留几位 function valueFmt(num, del) { if (num != '') { if (del != 0) { num = parseFloat(num).toFixed(del); } var source = String(num).split("."); so......

静以修身2025
30分钟前
2
0
正则介绍_grep

10月16日任务 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 grep基本用法 grep [-cinvABC] 'word' filename centos7.x版本的grep实则为grep --color=auto -c 显示匹配到的行数 [root@localhos......

robertt15
39分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部