内联元素的盒子模型 1、内联元素不能设置width宽度和高度height span{width:200px ; height:200px} 与 span{width:100px ; height:100px} 表现效果相同,由此可见内联元素不可以设置高度和宽度 2、内联元素可以设置水平方向的内边距p ...
分类:
其他好文 时间:
2019-08-12 01:11:53
阅读次数:
223
<!DOCTYPE HTML> <html> <head> <title>Rose</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body style="margin-left... ...
分类:
Web程序 时间:
2019-08-09 13:22:10
阅读次数:
95
我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高度时,设置该属性即可把内容区域超出来的部分隐藏,使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途,那就是清除包含块内子元素的浮动。我们先来看一个实例: //htm ...
分类:
其他好文 时间:
2019-08-04 22:30:12
阅读次数:
140
最近看到三栏式布局,发现里面的margin-left: -100%;不太理解,这里记录一下 margin-left: -100%;是什么意思呢?意思就是向左移动整个屏幕的距离 但是在三栏式写法(其中一种)里面的盒子却是可以移动到上图的黑色区域的,这个原因是: 黑色区域和蓝色区域都加了浮动,当再次使用 ...
分类:
其他好文 时间:
2019-08-04 19:56:46
阅读次数:
391
html <label class="layui-form-label">附件</label> <div class="layui-upload"> <button type="button" class="layui-btn layui-btn-normal" style="margin-left ...
分类:
Web程序 时间:
2019-07-31 16:51:29
阅读次数:
1243
面试比较重基础! a、html部分: 内联标签、块级标签有哪些?两者的区别是什么?行内块元素有哪些? html5新增的语义化标签有哪些? b、CSS部分: 布局:position + flex 获取DOM元素的方法有哪些? 块级元素居中?水平垂直居中的方法?不知道元素宽高情况下,如何实现水平垂直居中 ...
分类:
其他好文 时间:
2019-07-28 17:46:45
阅读次数:
104
水平居中 1.定宽。左右:margin:auto 2.弹性盒设置 justify—content:center 3.父元素设置 text-align:center 4相对定位元素 left:0;right:0;定宽:左右margin:auto 5.相对定位元素 margin-left:50%;tra ...
分类:
Web程序 时间:
2019-07-26 14:22:37
阅读次数:
134
圣杯布局和双飞翼布局的几点区别: 2.双飞翼布局: 双飞翼布局不再使用position来定位left的位置,直接使用margin-left: -100% ...
分类:
其他好文 时间:
2019-07-26 01:31:18
阅读次数:
105
1. 块级元素--block <div></div> 区域标签。 <h1></h1> 标题标签。 <p></p> 段落标签。 <ul> <li></li> </ul> 无序列表标签,ul和li都是块级标签,ul是unordered list,表示其内的列表标签li是无序的。 <ol> <li></l ...
分类:
Web程序 时间:
2019-07-23 23:54:42
阅读次数:
251
1.首先,标签之所以有存在等级分类,是因为他们处于标准文档流(块级元素,行内元素,行内块元素)当中。 2.如何脱离标准文档流? 浮动 绝对定位 固定定位 这些可以让一个标签脱离标准文档流,而元素一旦脱离标准文档流,也就意味着不再受文档流的特性约束。 3.浮动 none:表示不浮动,默认为不浮动 le ...
分类:
Web程序 时间:
2019-07-21 13:46:31
阅读次数:
154