<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; background-color:red ...
分类:
其他好文 时间:
2021-07-05 18:59:08
阅读次数:
0
.clearfix::after, .clearfix::before{ content: ""; display: table; clear: both; } * 子元素和父元素相邻的垂直外边距会发生重叠,子元素的外边距会传递给父元素 * 使用空的table标签可以隔离父子元素的外边距,阻止外边距 ...
分类:
其他好文 时间:
2021-07-05 17:36:00
阅读次数:
0
CSS 学习(3) 盒子模型 盒子的组成 border边框,content内容,padding内边距,margin外边距。 边框(border) border-with:边框的粗细(一般情况下使用px为单位),未指定边框样式没法显示。 border-style:边框的样式(solid实线,dashe ...
分类:
Web程序 时间:
2021-07-05 16:49:11
阅读次数:
0
###网页布局的本质 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式,然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质: 就是利用 CSS 摆盒子。 ###盒子模型: 就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一 ...
分类:
其他好文 时间:
2021-07-01 17:37:01
阅读次数:
0
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直外边距的重叠</title> <style type="text/css"> .box1{ /* 为上面的元素设置一个下外边距 */ width: 100px; height: ...
分类:
其他好文 时间:
2021-07-01 16:28:08
阅读次数:
0
这段时间去找工作,发现了很多出现概率比较高的面试题,这里记录一下,希望对大家有帮助! 盒子模型的类型和区别 盒子包括:外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性。 分为盒子模型(标准盒模型)和IE盒子模型(怪异盒模型),两者最大的区别是 ...
分类:
其他好文 时间:
2021-06-24 18:17:06
阅读次数:
0
(一)html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题ul标签在IE6\IE7中,有个默认的外边距,但是在IE8以上及其他浏览器中有个默认的内边 ...
分类:
其他好文 时间:
2021-06-22 18:40:32
阅读次数:
0
都知道解决 外边距塌陷 有多种方法 其中一种 是给父盒子加个overflow:hiden;例如 <style> p { color: #f55; background: #fcc; width: 200px; line-height: 100px; text-align:center; margin ...
分类:
其他好文 时间:
2021-06-02 19:54:48
阅读次数:
0
完全透明 background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)//background-col ...
分类:
Web程序 时间:
2021-05-24 16:21:53
阅读次数:
0
你可能已经注意到了,所有的 HTML 元素基本都是以矩形为基础。 每个 HTML 元素周围的矩形空间由三个重要的属性来控制:padding(内边距),margin(外边距)和border(边框)。 padding控制着元素内容与border之间的空隙大小。 margin(外边距)控制元素的边框与其他 ...
分类:
其他好文 时间:
2021-05-03 12:29:47
阅读次数:
0