CSS 第67页

CSS 排版与正常流 —— 重学CSS

同学们好，我是来自《技术银河》的 💎 三钻。这一周我们重新回到《重学 CSS》系列，之前的文章中我们重新学习了《 CSS 选择器》和《 CSS 语法与规则》。接下来我们就一起来讲讲 CSS ...

1、absolute绝对定位，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 2、fixed绝对定位，相对于浏览器窗口进行定位。元素...

RGB颜色

建议使用这种写样式方式css的优势：内容和表现分离网页结构表现统一，可以实现复用样式十分丰富建议使用独立于html的css文件利于SEO，容易被搜索引擎收录

好的颜色搭配加渐变其实是非常网站加分的，你还在用纯色背景吗？快来感受一下渐变的带来的快乐吧~ 现在就让我们先来熟悉一下语法吧！线性渐变：为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以...

flex-direction属性决定主轴的方向（即项目的排列方向）。 flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 ...

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" conten...

需求背景根据需要，需要对span的宽度进行设置，但是自己给span设置了宽度之后并没有什么用手动设置宽度之后没有起作用原因： CSS中的width属性并不总是有效的，如果对象是inline对象，width属性就会被忽略。解决将sp...

1:2自适应布局元素的padding的百分比值是基于其父元素的宽度计算的，如此，设置元素宽度width:25%，元素高度不设定，元素padding-bottom:75%，就可以得到一个高宽比为3:1的盒子。或者，元素的宽高都不设定，设置元素...

今天做练习的时候遇到了这样一行代码： height: calc(100% - 70px); ，100%的高度减去70px？？？这是什么函数？竟然支持不同单位之间的运算？！通过查阅资料，我终于认识了这个函数——calc()函数。 calc(...