1、块级元素 行级元素?块级(block)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度;④它可以容纳内联元素和其他块元素。内联(inline)元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是 ...
分类:
Web程序 时间:
2018-05-15 16:04:05
阅读次数:
272
由于不同浏览器的内核不一致,导致各个浏览器对网页的解析产生差异。html部分1.低版本的浏览器无法识别新标签,导致不能解析,主要体现在html5的新标签上解决办法:htmlshim框架可以让低于IE9的浏览器支持html52.ul标签在IE6\IE7中,有个默认外边距,在IE8以上及其他浏览器中有个默认内边距
分类:
其他好文 时间:
2018-05-14 11:05:48
阅读次数:
134
一个div是如何被撑起来的? width(自身宽度)+ padding(内边距)+ margin(外边距) 首先是自身宽度,我们可以设置宽度,那么div中的元素如果没有设置样式会从这个div的左上角开始排列。 我们来通过一个实例: 这时我们只给了宽度,看一下效果图 我们会发现如果只有自身的宽度,这个 ...
分类:
Web程序 时间:
2018-05-11 12:52:22
阅读次数:
644
盒子使用 样例如下: 说明:padding(内边距)/margin(外边距): 上 右 下 左;或直接使用指定边距如padding-top:2px。 margin: 0 auto ;居中设置 特例说明 整个网页最大的盒子是浏览器(<document>),<body>是<document>的子元素。故 ...
分类:
Web程序 时间:
2018-05-08 16:34:16
阅读次数:
201
原文连接http://www.jb51.net/css/468282.html block(块)元素的特点: ①总是在新行上开始,相当于每个块元素默认有个换行符;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素 inline元 ...
分类:
其他好文 时间:
2018-05-04 14:02:39
阅读次数:
129
半透明边框 实现效果: 实现代码: 实现要点: 设置边框为半透明,这是还看不到半透明边框,因为默认情况下,背景会延伸到边框所在的区域下层,也就是背景是被边框的外沿框裁切掉。 通过设置 (初始值是 border box) 让背景不要延伸到边框所在的区域下层,也就是让内边距的外沿来裁切背景。 多重边框 ...
分类:
Web程序 时间:
2018-05-04 01:43:43
阅读次数:
279
盒子模型 1.盒子(box)模型 内容(content)、填充(padding)、边框(border)、边界(margin) 2.不同部分的说明 Content(内容):盒子中的内容,显示文本或图片 Padding(内边距):清除内容周围的区域,内边距的透明度 Border(边框):围绕在外边距和内 ...
分类:
其他好文 时间:
2018-05-04 01:31:25
阅读次数:
154
--边界边框 外边距:margin 上 top 右 left 下 bottom 左 right 内边距:padding 上 top 右 left 下 bottom 左 right 边框:border 透明 transparent ...
分类:
其他好文 时间:
2018-05-02 23:56:45
阅读次数:
223
box-sizing,这个属性可以定义元素盒子的解析方式,从而可以选择避免掉布局元素盒子增加内边距和边框的长度增减问题。//设置border-box让border和padding不在额外增加元素大小aside{width:200px;height:500px;background-color:purple;padding:10px;border:5pxsolidred;box-sizing:bor
分类:
其他好文 时间:
2018-05-01 23:20:28
阅读次数:
225
大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束) block元素特点 1 总是在新行上开始; 2 高度,行高以及外边距和内边距都可控制; 3 宽度缺省是它的容器的100%,除非设定一个宽度。 4 它可以容纳内联元素和其他块元素 inline元素特点 ...
分类:
其他好文 时间:
2018-04-30 11:50:04
阅读次数:
141