CSS
关注
分享
扫一扫
都挺好，刚刚好
慢下来反而会更快，慢就是快，快就是慢。
展开
-
透明度opacity
透明度opacity原创 2023-12-29 18:35:58 · 461 阅读 · 0 评论 -
overflow 隐藏对象语法说明
overflow 隐藏对象语法说明原创 2023-12-29 16:50:55 · 445 阅读 · 0 评论 -
css：overflow-y
css：overflow-y原创 2023-09-20 16:24:16 · 364 阅读 · 0 评论 -
如何让网页布局稳定性和标准性?
如何让网页布局稳定性和标准性?原创 2023-09-18 10:27:54 · 161 阅读 · 0 评论 -
flex:1详解，以及flex:1和flex:auto的区别
flex:1详解，以及flex:1和flex:auto的区别原创 2023-09-14 10:26:11 · 2821 阅读 · 0 评论 -
CSS变量之var()函数的应用——动态修改样式 & root的使用
CSS变量之var()函数的应用——动态修改样式 & root的使用原创 2023-09-07 14:24:31 · 1948 阅读 · 0 评论 -
CSS三行代码实现 溢出的文字省略号显示
【代码】CSS三行代码实现 溢出的文字省略号显示。原创 2023-06-19 21:54:36 · 319 阅读 · 0 评论 -
display：flex和display: inline-flex区别
display：flex和display: inline-flex区别原创 2023-05-24 15:25:43 · 186 阅读 · 0 评论 -
轻松解决外边距塌陷的几种方法
轻松解决外边距塌陷的几种方法原创 2023-05-19 16:15:04 · 67 阅读 · 0 评论 -
盒子水平垂直居中常用的六种方法
盒子水平垂直居中常用的六种方法原创 2023-05-19 15:45:53 · 1644 阅读 · 0 评论 -
display: block ，display：inline 和display：inline-block 区别
display: block ，display：inline 和display：inline-block 区别原创 2023-05-18 15:53:55 · 321 阅读 · 0 评论 -
flex 的 三个参数 flex:1 0 auto
flex 的 三个参数 flex:1 0 auto翻译 2023-05-18 14:47:15 · 1178 阅读 · 0 评论 -
line-height
line-height转载 2023-05-18 11:53:24 · 194 阅读 · 0 评论 -
去除表单元素默认样式
去除表单元素默认样式原创 2023-05-18 10:36:56 · 215 阅读 · 0 评论 -
利用css3的var()实现运行时改变scss的变量值
利用css3的var()实现运行时改变scss的变量值转载 2023-03-29 09:44:56 · 1494 阅读 · 0 评论 -
CSS transform (2D变形）
CSS transform (2D变形）转载 2023-03-06 15:24:39 · 363 阅读 · 0 评论 -
calc()语法规则
calc()语法规则原创 2023-01-29 17:03:35 · 1738 阅读 · 0 评论 -
CSS3新增选择器 第一部分（:root 选择器 :empty 选择器 :not 选择器 ）
CSS3新增选择器 第一部分（:root 选择器 :empty 选择器 :not 选择器 ）转载 2023-01-29 11:30:56 · 750 阅读 · 0 评论 -
CSS 中的 :root
CSS 中的 :root原创 2023-01-29 11:18:15 · 447 阅读 · 0 评论 -
css中:root{}、var（）、calc（）的用法
css中:root{}、var（）、calc（）的用法转载 2023-01-29 11:11:21 · 951 阅读 · 0 评论 -
如何解决前端的flex流动布局中的单个子元素位置？
例如三个元素最右边的一个元素只需要设置margin-left: 'auto',即可实现第三个元素浮动到最右边原创 2022-10-12 10:32:46 · 1357 阅读 · 0 评论 -
css3中var函数
css3中var函数转载 2022-10-09 11:42:18 · 759 阅读 · 0 评论 -
Sass变量详解
sass变量详解转载 2022-10-08 22:43:33 · 247 阅读 · 0 评论 -
sass与css变量的区别
sass与css变量的区别原创 2022-10-08 22:31:01 · 295 阅读 · 0 评论 -
CSS之height: 100%和height: auto的区别
CSS之height: 100%和height: auto的区别原创 2022-09-30 10:26:22 · 490 阅读 · 0 评论 -
position: sticky 详解
position: sticky 详解原创 2022-09-30 09:50:40 · 515 阅读 · 0 评论 -
固定定位fixed
固定定位fixed原创 2022-09-30 09:30:38 · 245 阅读 · 0 评论 -
overflow-y:hidden
overflow-y:hidden原创 2022-09-28 15:28:35 · 1325 阅读 · 0 评论 -
css深度选择器（＞＞＞ ,::v-deep,/deep/）
深度选择器原创 2022-09-26 09:25:54 · 670 阅读 · 0 评论 -
CSS——initial（默认）关键字和inherit（继承）关键字
initial inherit unset revert转载 2022-07-21 17:12:25 · 605 阅读 · 0 评论 -
em与rem的区别
em与rem的区别原创 2022-07-18 09:07:48 · 273 阅读 · 0 评论 -
高度剩余法
高度剩余法与宽度剩余法原创 2022-07-04 10:45:47 · 81 阅读 · 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 · 275 阅读 · 0 评论 -
font字体简写
句法body { font: font-style font-variant font-weight font-size/line-height font-family;}原创 2022-03-29 22:48:58 · 112 阅读 · 0 评论 -
display：none 和 visible：hidden 的区别
display：none； 该元素以及它的后代元素都会隐藏，并且占据空间消失；会有回流visible：hidden； 隐藏元素，但是仍占据与未隐藏之前一样的空间；后代元素设置visible，后代元素可显示；不会回流...原创 2022-02-23 15:13:58 · 145 阅读 · 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 · 6427 阅读 · 0 评论 -
浏览器窗口在非常小的时候，左栏会被无限挤压，内容布局发生变化
设置最小宽度原创 2021-12-08 12:14:18 · 406 阅读 · 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 · 721 阅读 · 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 · 344 阅读 · 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 · 71 阅读 · 0 评论