BFC(Block formatting context) 直译为"块级格式化上下文"。元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。 <img src="media/dis.png" style="border ...
分类:
其他好文 时间:
2018-04-22 22:07:06
阅读次数:
215
伪类选择器: 伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。 a一般顺序是:a:link{} 未访问状态链接 a:visited{}已访问状态链接 a:hover{}鼠标悬停上时状态 还有其他伪类,如first-chil ...
分类:
Web程序 时间:
2018-04-22 16:02:41
阅读次数:
229
出现溢出的情况:1.行内元素不换行内容超出包含块外边界2.块元素宽高超出包含块外边界为什么会出现overflow:hidden失效的问题:大多数情况下是给当前元素设置了position:absolute定位属性,导致脱离文档流,当前元素不再受包含块的约束了解决办法:给包含块设置position:relative;让包含块重新获取管辖权
分类:
其他好文 时间:
2018-04-20 11:45:25
阅读次数:
133
区块元素 段落和换行 一个 Markdown 段落是由一个或多个连续的文本行组成 ,它的前后要有一个以上的空行(空行的定义是显示上看起来像是空的,便会被视为空行。比方说,若某一行只包含空格和制表符,则该行也会被视为空行)。普通段落不该用空格或制表符来缩进。 如果你确实想要依赖 Markdown 来插 ...
分类:
其他好文 时间:
2018-04-16 23:47:12
阅读次数:
232
学完基础html之后,一直以为只有两种标签元素,行级和框架,最开始知道除了各自默认的布局不同外,块级是可以定义宽高的而行级不可以,后来又知道了inline-block一类的东西行内块是可以定义宽高属性,但是一直很疑惑,在行内元素中有一些元素,如 input、img、textarea、select、o ...
分类:
其他好文 时间:
2018-04-12 22:28:11
阅读次数:
151
此时是有效果显示的因为html文档流默认是从上往下,从左往右进行显示的,所以此时是有效果的。那如果此时把#son的块元素的margin-right:20px; 是没有效果的此时是没有效果的,如图所示:如果此时想要margin-right有效果的话,必须让#son这个块元素是在右边显示的,所以可一个#son这个元素往右浮动,float:right;那么此时就会有效果的。效果如图所示:
分类:
其他好文 时间:
2018-04-12 16:16:11
阅读次数:
115
今天总结一下在做自动化测试中测试用例设计的一些建议,总结为三原则: 1. 保持Case之间的独立性 case独立性就是能够独立运行,当我们有随机的跑其中某个Case或乱序的跑这些Cases时,测试的结果都应该是准确的。 比如在执行过程中用例的运行环境取决于其他测试用例的执行状态,那么,其中的测试用例 ...
分类:
其他好文 时间:
2018-04-11 15:57:04
阅读次数:
208
盒子模型,盒子模型算是页面比较经典的一个概念了,所有的页面元素和div都能称之为一个盒子,每个盒子都具备:内容(content),填充(padding 也称之为内边距),边框(border),边界(margin 也称之为外边距);下面有一张盒子模型的图片; 说白了这个盒子模型让你知道你需要效果式需要 ...
分类:
其他好文 时间:
2018-04-06 18:39:17
阅读次数:
172
块元素(block element)一般是其他元素的容器元素 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改 ...
分类:
Web程序 时间:
2018-04-05 01:15:01
阅读次数:
229
前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又有居中布局、多列布局以及全局布局,今天我们就来总结总结前端干货中的CSS布局。 居中布局 水平居中 1)使用inline-block+text-align (1)原理、用法 原理:先将子框由块级元素改变为行内块元素, ...
分类:
Web程序 时间:
2018-04-04 18:08:50
阅读次数:
200