盒子模型 1.盒子(box)模型 内容(content)、填充(padding)、边框(border)、边界(margin) 2.不同部分的说明 Content(内容):盒子中的内容,显示文本或图片 Padding(内边距):清除内容周围的区域,内边距的透明度 Border(边框):围绕在外边距和内 ...
分类:
其他好文 时间:
2018-05-04 01:31:25
阅读次数:
154
选择器 盒子模型 内填充距离当设置padding-left 或padding-right后,会增加元素的宽度,如果要使宽度不变,应该在原有基础上减去对应的值设置padding-top 或padding-bottom后,也是如此外边距当设置某一个盒子的margin-bottom和另一个盒子的margi ...
分类:
Web程序 时间:
2018-05-03 17:23:35
阅读次数:
244
--边界边框 外边距:margin 上 top 右 left 下 bottom 左 right 内边距:padding 上 top 右 left 下 bottom 左 right 边框:border 透明 transparent ...
分类:
其他好文 时间:
2018-05-02 23:56:45
阅读次数:
223
第五天到第六天的内容没有记笔记,不好不好。 第七天到第八天的学习目标是:学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点: 1、默认情况下,块级元素的内容宽度是其父元素的宽度的100%,并且与其内容一样高。 2、概念:外边距折叠。 3、position, static, ...
分类:
其他好文 时间:
2018-05-02 21:02:14
阅读次数:
93
专题:一、行内元素与块状元素1、块状元素特点:默认占一整行、可以自动换行、可以设置大小常见块状元素:div、li2、行内元素特点:不能设置宽高,内容有多大,我就有多大; 对margin仅设置左右方向有效,上下无效; 对padding设置上下左右都有效,即会撑大空间 不会自动进行换行常见的行内元素:s ...
分类:
其他好文 时间:
2018-05-01 20:47:45
阅读次数:
141
1 DIV块中 元素垂直居中 作者:知乎用户链接:https://www.zhihu.com/question/20543196/answer/99429177来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 block 元素 block 元素利用绝对定位以及负外边距, ...
分类:
其他好文 时间:
2018-04-30 19:52:11
阅读次数:
170
大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束) block元素特点 1 总是在新行上开始; 2 高度,行高以及外边距和内边距都可控制; 3 宽度缺省是它的容器的100%,除非设定一个宽度。 4 它可以容纳内联元素和其他块元素 inline元素特点 ...
分类:
其他好文 时间:
2018-04-30 11:50:04
阅读次数:
141
盒模型 盒模型 margin外边距 padding内边距 boeder边框 css盒模型的计算公式 margin的兼容问题 overflow文本溢出的处理方式 background 盒模型 理解:HTML元素可以看成一个大仓库,盒子与盒子之间的间距是外边距(margin),盒子里面与货物之间泡沫叫内 ...
分类:
其他好文 时间:
2018-04-29 21:19:37
阅读次数:
162
1.1案例二:使用DIV+CSS布局注册页面:1.1.1需求:使用DIV+CSS的方式完成注册页面的布局:1.1.2分析:1.1.2.1技术分析:【CSS中的盒子模型】?内边距:padding.?边框:border?外边距:margin【CSS中的定位】position属性设置定位:*relative:相对定位*absolute:绝对定位使用另外两个属性:left,top1.1.2.2步骤分析:【
分类:
编程语言 时间:
2018-04-28 14:24:57
阅读次数:
157
最近调前端样式时候,遇到一个需求,在中间文字不对等的情况下想让下面的操作文字距离底部对齐,如图: , 刚开始觉得使用margin-bottom就可以,后来发现只有margin-top是管用的,查了资料发现: margin-bottom是下方的外边距,并不能让元素向下方移动,margin-top作为上 ...
分类:
其他好文 时间:
2018-04-27 19:50:24
阅读次数:
132