![](https://img-blog.csdnimg.cn/08dad7497eaa4a8da7bc69509b02b4b6.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS专栏
文章平均质量分 57
分享CSS
爱划水de鲸鱼哥~
一只自由生长的野生程序猿
展开
-
你知道CSS中的替换元素吗?
你知道CSS中的替换元素吗?替换元素,顾名思义,就是内容可以替换的元素。它作用在CSS 作用域之外,不受页面影响;有默认尺寸;有自己的表现形式:原创 2022-10-10 11:01:43 · 805 阅读 · 0 评论 -
CSS box-sizing属性到底改变的是什么?
我们都知道`box-sizing` 属性可以限制元素的宽、高,使其‘内敛’。那么你知道`box-sizing` 属性都有哪些值吗?对应的值都代表着那些含义吗?原创 2022-08-18 15:54:31 · 228 阅读 · 0 评论 -
css 块级元素与内联元素
CSS诞生之初就是为了解决网页图文布局的,所以为了布局的需要将标签分了两类,块级元素负责结构,内联元素负责内容。原创 2022-08-16 23:38:19 · 289 阅读 · 0 评论 -
面试官喜欢深挖的垂直、水平居中问题
文章目录引言绝对定位已知子元素宽高margin 负值margin: auto未知子元素宽高transformFlex 布局table 布局总结引言说实话像垂直、水平居中问题这种问题如果较起真来,能刨出很多的方法,可能十几种都不止。但是从实际的角度出发,将这么多方法都记下来不现实。对于这道题我认为,最重要的不是掌握的方法数量,而是掌握方法理解的程度。因此我在这里给大家分享一下,解决垂直、水平居中问题的三条思路。绝对定位在绝对定位这条思路上有分为:知道子元素宽高、不知道子元素宽高两种。已知子元素宽高原创 2021-07-22 17:43:10 · 150 阅读 · 0 评论 -
CSS -- line-height属性继承问题
line-height属性继承问题line-height: 50px 数值形式,子元素line-height = 父元素line-heightline-height: 1.5 比值(小数)形式,子元素line-height = 父元素line-height * 子元素font-sizeline-height: 100% 百分比形式,子元素line-height = 父元素line-height * 父元素font-size页面效果父元素font-size: 20px; 子元素font-size:原创 2021-07-23 13:49:00 · 739 阅读 · 0 评论 -
CSS清除浮动及手写clearfix
清除浮动的方法使用clear:both清除浮动clear:both意思就是清除浮动; .clear{ clear:both; }verflow方法的使用当给父元素设置了overflow样式,不管是overflow:hidden或overflow:auto都可以清除浮动只要它的值不为visible就可以了,它的本质就是建构了一个BFC,这样使得达到撑起父元素高度的效果 .fahter{ overflow: hidden; }手写clea原创 2021-06-14 20:53:08 · 294 阅读 · 1 评论 -
Flex布局实现三点色子
Flex布局原理通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。Flex基础知识flex-direction属性:决定主轴的方向row(默认值):主轴为水平方向,起点在左端;row-reverse:主轴为水平方向,起点在右端;column:主轴为垂直方向,起点在上沿;column-reverse:主轴为垂直方向,起点在下沿;flex-wrap属性:决定是否换行nowrap(默认):不换行;wrap:换行,第一行在上;wrap-reverse:换行,第一行在下方;j原创 2021-07-23 14:37:04 · 636 阅读 · 0 评论