margin margin:外边距的意思。表示边框到最近盒子的距离。 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin- ...
分类:
其他好文 时间:
2018-11-10 10:43:27
阅读次数:
159
浮动元素的特征有: 1.块在一排显示; 2.内联元素支持宽高; 3.无论是块元素还是内联元素,没有宽度时默认内容撑开宽度; 4.脱离文档流; 5.提升层级半级。 对其他浮动元素的影响:后浮动的元素永不会超过先浮动元素的顶端。 对普通元素的影响:浮动元素会从文档正常流中删除,使得紧挨它的元素位置发生偏 ...
分类:
Web程序 时间:
2018-11-09 16:24:44
阅读次数:
1362
一.标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block:块级元素的默认值 inline:行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类:
Web程序 时间:
2018-11-09 16:16:12
阅读次数:
768
规则1: div是块元素,不分大小,独占一行 规则2: div 添加样式 float 后,脱离标准流,浮在标准流之上 规则3: 清除浮动,仅对设置clear的div 本身有效 语法: clear : none | left | right | both 取值: none : 默认值。允许两边都可以有 ...
分类:
其他好文 时间:
2018-11-08 13:20:19
阅读次数:
170
块级元素与行内元素的概念 块级元素一般是内容的容器,可以设置宽度和高度。而行内元素则不行,行内元素只能包含内容和其他行内元素,而块级元素可以包含行内元素和其他块级元素, 块级元素可以设置margin、padding,而行内元素水平方向margin-left、margin-right、padding- ...
分类:
Web程序 时间:
2018-11-08 00:11:00
阅读次数:
294
大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 HTML 块元素 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 例子: <h1> ~ <h6> 标题 <hr/> 水平分割 ...
分类:
Web程序 时间:
2018-11-06 13:28:26
阅读次数:
308
1.块级元素,一般都是从新行开始,它可以容纳行内元素和其他块元素,常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素 2.行内元素:也叫做内联元素,一般都是语义级别的基本元素,内联元素已办只能容纳文本或者其他内联元素。 块元素(block element)和内联元素 ...
分类:
其他好文 时间:
2018-11-05 20:57:45
阅读次数:
168
1.优化图片 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3.优化CSS(压缩合并css,如margin-top,margin-left...) 4.网址后加斜杠(如www.campr.com/目录,会判断这个“目录是什么文件类型,或者是目录。) 5.标明高度和宽度 ...
分类:
其他好文 时间:
2018-11-03 14:04:33
阅读次数:
161
.flex{ display:flex; flex-direction:column; width:600px; } .flex div{ width:100px; height:100px; background:red; margin-left:2px; } .flex div:... ...
分类:
其他好文 时间:
2018-11-01 16:59:18
阅读次数:
778
父元素倾斜后,子元素需要是块级元素/行内块元素才能 抵消影响 ...
分类:
其他好文 时间:
2018-10-29 20:11:32
阅读次数:
144