CSS零碎知识点
文章平均质量分 55
css易忘知识点
coderLcy
这个作者很懒,什么都没留下…
展开
-
【渡一教育】Web前端开发之HTML+CSS精英课堂
渡一公开课HTML+CSS原创 2022-03-10 21:48:10 · 2462 阅读 · 1 评论 -
4.vertical-align
1.作用:用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直方向上的对齐方式。只对行内元素、表格单元格元素生效:不能用它垂直对齐块级元素原创 2021-08-10 10:47:20 · 157 阅读 · 0 评论 -
3.常用CSS单位
1、px:绝对单位,与DPI有关2、em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。4、vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。5、vh:viewpoint height,视窗高度,1vh等于视窗高度...原创 2021-06-04 21:24:24 · 301 阅读 · 0 评论 -
2.BFC&&margin合并&&margin塌陷
1.概念: 块级格式化上下文,block formating context*******BFC是一个容器,用于管理内部的块级元素如何布局,与区域外部不相关2.如何触发一个盒子的BFC(1)display: inline-block(2)float: left/right(3)position: absolut/fixed(4)overflow: hidden3.BFC布局规则(1)块级元素独占一行:内部的box在垂直方向上一次排列(2)BFC区域可以看见浮...原创 2021-06-02 11:14:14 · 177 阅读 · 0 评论 -
1.盒模型,两栏布局,三栏布局
1.盒模型从内到外:content=>padding=>border=>margin从外到内:margin=>border=>padding=>content(1)body是一个天生的盒模型,其margin为8px;大多数浏览器都有(2)定位position: absolute: 脱离原来位置进行定位(会释放原来的位置); 在不同的层面上(...原创 2021-05-13 13:54:40 · 344 阅读 · 0 评论