CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/05 CSS

1.格式化代码1.1文件[建议]：CSS文件使用无BOM的UTF-8编码1.2缩进[强制]：使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符。 CSS Code复制内容到剪贴板 .selector { margin: 0; ...

CSS中的EM属性之弹性布局

前端技术 2023/09/05 CSS

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，...

前端技术 2023/09/05 CSS

关于CSS定位，有人很多时候都是随便用用，符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。 1.position:staticstatic属性是position的默认值，也就是说，当一个元素没有为其设定position属性时，它的默认值就是...

前端技术 2023/09/05 CSS

最近的做的一个小项目需要用到就百度总结一下写了下来首先设置表格的样式table-layout：\"fixed\"再设置表格的宽度（这步必须）最后再设置td样式的三个必要属性复制代码代码如下: text-overflow: ellipsis; white-s...

前端技术 2023/09/05 CSS

先看看效果，像是弹簧在伸缩：具体代码：此处用到CSS3的transform属性。 CSS3的变形（transform）属性让元素在一个坐标系统中变形。这个属性包含一系列变形函数，可以移动、旋转和缩放元素。 transform属性可用于内联元素和块元素。...

前端技术 2023/09/05 CSS

使用CSS3 HSL声明同样是用来设置颜色的。下一个呢？ HSLA？是的，这个和RGBA的效果是一样的。 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue衍生于色盘：0和360是红色，接近120的是绿...

清除浮动(float)的影响介绍

前端技术 2023/09/05 CSS

浮动会导致父元素塌陷如图：解决办法：父元素overflow：hidden，如图末尾插入子元素clear，如图为甚么，父元素overflow：hidden会解决塌陷问题？来自知乎貘吃馍香的回答 overflow:hidden 的意思是超出的部分要裁切隐藏掉那么如...

前端技术 2023/09/05 CSS

在写HTML代码的时候，创造在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：复制代码代码如下: <div style=...

前端技术 2023/09/05 CSS

1. 根选择器 :root:root{}就等同于html{}, 一般来说, 推荐使用:root{}. CSS Code复制内容到剪贴板 <style> :root { background:green; } </style&g...

css中height和line-height区别

前端技术 2023/09/05 CSS

line-height：行高设置文字间上下距离 height：高度就是定义一个层或某样东西的高度啦也就是说line-height是特指单行高度，height可以为所有元素的高度文字放大后边缘会重叠？ line-height直白理解就是文字高度加上文字上...

关闭

我的博客