- 博客(7)
- 收藏
- 关注
RSS订阅原创 css垂直对齐
文本的垂直对齐IFC 布局规则:在一个行内格式化上下文中，盒是一个接一个水平放置的，从包含块的顶部开始盒可能以不同的方式竖直对齐：以它们的底部或者顶部对齐，或者以它们里面的文本的基线对齐.行盒 line-box每个行盒会产生一个 IFC,IFC 决定了内部的布局规则,并且 IFC 之间不会相互影响内部的布局.该 p 元素包含了两行,每行有一个 line-box,而每个 line-box 的高度是由他内部所有子元素(inline-box)的高度得出的.由于 line-box 中的垂直对齐方式是
2020-09-15 08:58:38
369
原创 前端面试题错题本
前端面试题错题本该文为我在做前端面试题的时候遇到的一些错误与改正,较为基础,不断更新1. 伪数组转化为真数组的方法伪数组有,querySellecotrAll获取的dom对象集arguments对象jq对象等var arr = Arr.prototype.slice.call(arr)或者arr = Arr.from(arr)或者arr = new Arr(...arr)2. promise状态1.pending(等待)2.fufilled(成功)3.reject(失败)3.
2020-09-15 08:47:02
275
原创 vertical-align:middle的深入理解
vertical-align:center的深入理解顶线,中线,基线与底线众所周知,在 html 中一行包含这几条线,顶线,中线,基线和底线.文本的垂直对齐对于这四条线,css 给出了行内元素的四种垂直对齐方式,即顶部(top),中部(middle),基线(baseline),底部(bottom)诶!这里大家肯定就发现问题了,怎么中线对齐根本不居中啊?要解决这个问题我们先要从一行的组成开始探索.line-box一行可以作为一个 linebox 来看待,line-box 中有如下区域.li
2020-06-23 23:45:44
9423
2
原创 绝对位置与相对位置
绝对定位与相对定位绝对位置与相对位置绝对位置relativerelative相对定位绝对位置与相对位置绝对位置relative绝对位置是以该元素的父元素的左上角位置作为标准,需要设定属性position:absolue;left:属性值,top属性值left和top决定了该元素的左上角相对父级元素左上角的位置设定了绝对位置的元素在标准流的布局中将不再占位值得注意的是如果设置了绝对定位但没有设定top和left时,元素显示仍然会处于原本位置,但是此时已经不在在标准流中布局[外链图片转存失败,源站
2020-06-13 15:45:29
2378
原创 常见的css选择器
CSS语法css语法选择器标签选择器属性选择器class类选择器id选择器交集选择器子元素选择器后代(包含)选择器伪类选择器选择器权重通配符选择器 *css语法1、两部分组成：选择器和声明选择器：把元素选取出来给其设置样式选择器包含标签选择器，类型选择器，id选择器声明包含属性和属性值，属性和属性值之间通过冒号连接，分号结尾声明必须放在花括号中如果一个属性具有多个属性值的话，属性和属性值之间不分先后顺序空格或者换行不影响最终的效果显示语法:选择器{属性:属性值;属性:属性值;属性:属性值;
2020-06-13 11:59:24
155
原创 块级元素的浮动与清除
块级元素的浮动与清除Float浮动清除浮动Float浮动首先要知道,div是一种块级元素,在标准流中,块级元素是自上而下排列并且新占一行的,所以我们可以看到在这里不论div的宽度设置为多小都会新开一行排列.在实际的页面编写过程中很多时候需要在一行显示多个块级元素,这时候我们可以设定float属性来让一个块级元素脱离标准流从而让其不在单独占一行这里我们绿色div设定float:left让他左浮动,可以看到第二行现在有两个色块,并且本来200px的蓝色div只显示了一般,这是因为绿色div浮动脱离了
2020-06-13 10:38:37
1581
原创 行内元素与块级元素的特点与不同
行内元素与块级元素的特点与不同网页布局行内元素块级元素通过css设定元素类型网页布局在学习css的各项属性值之前,我希望大家能先理解清楚行内元素与块级元素的特点与不同点,这对网页的布局真的十分重要,在我没有理解之前对网页布局的认识就十分模糊大家可以将html网页看做是多分割组成的网页,每个分割都是多行组成的,事实上很多元素看起来不再同一水平线上但都在同一行行内元素行内元素顾名思义就是处在一行内的元素,这样的元素不会自己一个人占满一行,而是和其他行内元素一起分享一行如span标签,这些元素可以存
2020-06-13 10:25:41
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人