![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
都挺好,刚刚好
慢下来反而会更快,慢就是快,快就是慢。
展开
-
透明度opacity
透明度opacity原创 2023-12-29 18:35:58 · 408 阅读 · 0 评论 -
overflow 隐藏对象语法说明
overflow 隐藏对象语法说明原创 2023-12-29 16:50:55 · 400 阅读 · 0 评论 -
css:overflow-y
css:overflow-y原创 2023-09-20 16:24:16 · 234 阅读 · 0 评论 -
如何让网页布局稳定性和标准性?
如何让网页布局稳定性和标准性?原创 2023-09-18 10:27:54 · 111 阅读 · 0 评论 -
flex:1详解,以及flex:1和flex:auto的区别
flex:1详解,以及flex:1和flex:auto的区别原创 2023-09-14 10:26:11 · 2362 阅读 · 0 评论 -
CSS变量之var()函数的应用——动态修改样式 & root的使用
CSS变量之var()函数的应用——动态修改样式 & root的使用原创 2023-09-07 14:24:31 · 1790 阅读 · 0 评论 -
CSS三行代码实现 溢出的文字省略号显示
【代码】CSS三行代码实现 溢出的文字省略号显示。原创 2023-06-19 21:54:36 · 242 阅读 · 0 评论 -
display:flex和display: inline-flex区别
display:flex和display: inline-flex区别原创 2023-05-24 15:25:43 · 172 阅读 · 0 评论 -
轻松解决外边距塌陷的几种方法
轻松解决外边距塌陷的几种方法原创 2023-05-19 16:15:04 · 54 阅读 · 0 评论 -
盒子水平垂直居中常用的六种方法
盒子水平垂直居中常用的六种方法原创 2023-05-19 15:45:53 · 1533 阅读 · 0 评论 -
display: block ,display:inline 和display:inline-block 区别
display: block ,display:inline 和display:inline-block 区别原创 2023-05-18 15:53:55 · 219 阅读 · 0 评论 -
flex 的 三个参数 flex:1 0 auto
flex 的 三个参数 flex:1 0 auto翻译 2023-05-18 14:47:15 · 988 阅读 · 0 评论 -
line-height
line-height转载 2023-05-18 11:53:24 · 130 阅读 · 0 评论 -
去除表单元素默认样式
去除表单元素默认样式原创 2023-05-18 10:36:56 · 191 阅读 · 0 评论 -
利用css3的var()实现运行时改变scss的变量值
利用css3的var()实现运行时改变scss的变量值转载 2023-03-29 09:44:56 · 1320 阅读 · 0 评论 -
CSS transform (2D变形)
CSS transform (2D变形)转载 2023-03-06 15:24:39 · 339 阅读 · 0 评论 -
calc()语法规则
calc()语法规则原创 2023-01-29 17:03:35 · 1603 阅读 · 0 评论 -
CSS3新增选择器 第一部分(:root 选择器 :empty 选择器 :not 选择器 )
CSS3新增选择器 第一部分(:root 选择器 :empty 选择器 :not 选择器 )转载 2023-01-29 11:30:56 · 710 阅读 · 0 评论 -
CSS 中的 :root
CSS 中的 :root原创 2023-01-29 11:18:15 · 417 阅读 · 0 评论 -
css中:root{}、var()、calc()的用法
css中:root{}、var()、calc()的用法转载 2023-01-29 11:11:21 · 821 阅读 · 0 评论 -
如何解决前端的flex流动布局中的单个子元素位置?
例如三个元素最右边的一个元素只需要设置margin-left: 'auto',即可实现第三个元素浮动到最右边原创 2022-10-12 10:32:46 · 1308 阅读 · 0 评论 -
css3中var函数
css3中var函数转载 2022-10-09 11:42:18 · 698 阅读 · 0 评论 -
Sass变量详解
sass变量详解转载 2022-10-08 22:43:33 · 199 阅读 · 0 评论 -
sass与css变量的区别
sass与css变量的区别原创 2022-10-08 22:31:01 · 254 阅读 · 0 评论 -
CSS之height: 100%和height: auto的区别
CSS之height: 100%和height: auto的区别原创 2022-09-30 10:26:22 · 429 阅读 · 0 评论 -
position: sticky 详解
position: sticky 详解原创 2022-09-30 09:50:40 · 454 阅读 · 0 评论 -
固定定位fixed
固定定位fixed原创 2022-09-30 09:30:38 · 211 阅读 · 0 评论 -
overflow-y:hidden
overflow-y:hidden原创 2022-09-28 15:28:35 · 1220 阅读 · 0 评论 -
css深度选择器(>>> ,::v-deep,/deep/)
深度选择器原创 2022-09-26 09:25:54 · 618 阅读 · 0 评论 -
CSS——initial(默认)关键字和inherit(继承)关键字
initial inherit unset revert转载 2022-07-21 17:12:25 · 523 阅读 · 0 评论 -
em与rem的区别
em与rem的区别原创 2022-07-18 09:07:48 · 251 阅读 · 0 评论 -
高度剩余法
高度剩余法与宽度剩余法原创 2022-07-04 10:45:47 · 63 阅读 · 0 评论 -
css盒子居中
0.CSS的居中方式CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况,而块状元素又分为定宽块状元素居中和不定宽块状元素居中1.上下左右居中div {position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;width:200px;height:150px;}2.左右居中如果只需要左右居中,那么把 bottom:0; 或者 top:0; 删掉即可3.上下居中如果只需要上下居中,原创 2022-04-29 12:03:16 · 248 阅读 · 0 评论 -
font字体简写
句法body { font: font-style font-variant font-weight font-size/line-height font-family;}原创 2022-03-29 22:48:58 · 98 阅读 · 0 评论 -
display:none 和 visible:hidden 的区别
display:none; 该元素以及它的后代元素都会隐藏,并且占据空间消失;会有回流visible:hidden; 隐藏元素,但是仍占据与未隐藏之前一样的空间;后代元素设置visible,后代元素可显示;不会回流...原创 2022-02-23 15:13:58 · 124 阅读 · 0 评论 -
css 白色背景如何实现半透明
根据不同的应用场景和兼容性要求,有多种方法实现背景半透明。1.在比较现代的浏览器中大多支持背景颜色的rgba颜色。可以如下设置background-color:rgba(255,255,255,0.5)/*背景颜色白色,50%透明度*/2.使用opacity属性,对已设置background-color的元素设置filter:alpha(opacity = 50);/*兼容ie*/ opacity:0.5;3.使用白色半透明的png图片。制作一个小的(如10*10)的白色半透明的PNG图片,将该原创 2022-02-23 12:02:40 · 5866 阅读 · 0 评论 -
浏览器窗口在非常小的时候,左栏会被无限挤压,内容布局发生变化
设置最小宽度原创 2021-12-08 12:14:18 · 374 阅读 · 0 评论 -
块级元素与行内元素
1、块级元素1、独占一行,对宽高的属性值生效;2、不给宽度,块级元素就默认为浏览器的宽度,即100%宽;3、常用的块级标签有:div,p,h1~h6,ul,li,dl,dt,dd;4、是一个容器,里面可以放行内或者块级元素;5、块级标签转换为行内标签:display:inline 。注意:只有 文字才 能组成段落 因此 p 里面不能放块级元素,特别是 p 不能放div同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。2、原创 2021-11-15 22:20:03 · 681 阅读 · 0 评论 -
盒模型:padding和margin
一:PADDINGpadding用法 用法:1:padding是在盒子里面,在盒子与内容之间。2:padding的作用:控制子元素在父元素里面的位置关系。3:padding会把盒子撑大。4:如果想让盒子保持原有的大小:在宽高基础上减掉。( 如果一个元素是被内容撑开的,没有设置固定的宽高,padding直接撑开。不用减掉 )5:如果给单一方向添加paddingpadding-top/bottom/left/right6:padding的设置特点:padding:30px;转载 2021-09-26 20:51:53 · 316 阅读 · 0 评论 -
css实现左侧固定 右边自适应
<style> .box-right { height: 300px; margin-left: 300px; background-color: brown } .box-left { width: 300px; height: 300px; float: left; background-color: black; }</style><body>原创 2021-09-26 18:05:46 · 55 阅读 · 0 评论