css
文章平均质量分 75
城南顾北
人生是旷野,只此一生,应该尽兴。
展开
-
Stylus 的简单使用
Stylus 被编译成 CSS,通常在构建过程中通过构建工具(如 Webpack、Gulp)或专门的 Stylus 编译器进行处理。请注意,Stylus 的语法和特性可能会随着版本更新而有所变化,所以建议查看最新的 Stylus 文档以获取最准确的信息。文件,并在您的构建脚本中添加 Stylus 编译步骤。:Stylus 允许您在 CSS 中进行数学运算。:类似于函数,您可以重复使用一组样式。:您可以导入其他 Stylus 文件。:在 Stylus 中,您可以使用。:在 Stylus 中,您可以使用。原创 2024-04-25 22:51:11 · 307 阅读 · 0 评论 -
前端自适应布局方案
使用百分比单位等单位来表示长度和宽度,这样在整体的长度和宽度变化的时候,里面的内容也会发生变化。原创 2024-04-25 22:49:11 · 954 阅读 · 0 评论 -
postcss 的安装和使用
PostCSS 是一个强大的工具,它使用 JavaScript 插件来转换 CSS 代码。这些插件可以为 CSS 属性添加特定于浏览器厂商的前缀、支持未来 CSS 语法、实现 CSS 模块化、进行代码检测等。PostCSS 利用从 Can I Use 网站获取的数据为 CSS 规则添加特定厂商的前缀,从而确保 CSS 代码的兼容性和现代性。原创 2024-03-30 13:11:27 · 654 阅读 · 0 评论 -
::before 和 ::after 之间有什么区别
这些伪元素通常用于添加装饰性的内容,如图标、小图标、额外的文本等。会在每个段落的末尾处插入另一个图标。通过这种方式,你可以轻松地在元素的前后添加视觉元素,而不需要改变HTML结构。是CSS中用于创建伪元素的伪类选择器。它们允许在元素的内容之前(会在每个段落的开始处插入一个图标,而。原创 2024-03-12 22:32:36 · 641 阅读 · 0 评论 -
CSS 常见选择器
这些选择器可以单独使用,也可以组合使用来创建复杂的样式规则。CSS(层叠样式表)选择器是用来指定页面上的哪些元素需要被样式化的一种方式。:可以将上述选择器组合使用,以创建更复杂的选择模式。:直接使用HTML元素的名称来选择该元素。(点)后跟类名来选择具有特定类的元素。后跟ID名来选择具有特定ID的元素。:选择直接作为某个元素子元素的元素。:选择紧接在另一个元素后的兄弟元素。:选择某个元素之后的所有兄弟元素。:选择特定元素内部的后代元素。:选择具有特定属性的元素。:选择元素的特定状态。:选择元素的特定部分。原创 2024-03-05 14:26:46 · 876 阅读 · 0 评论 -
你所不知道的css
可以分为两种情况,如果这个属性本来有从父级继承的值(这个属性默认可以继承,且父级有定义),则将该属性重新设置为继承的值,如果没有继承父级样式,则将该属性重新设置为初始值。当我们使用了css混合模式(或者是滤镜)的时候,堆叠上下文会重新对着个使用了混合模式的元素的根节点出创建了堵路的渲染平面,而这个平面默认是不支持。属性,fixed 就不会跟着视口来定位了,会根据它的父元素的位置来定位。使用上了,而且当上面的图片改变了之后也不用改变下面的代码。是没有伪元素的,所以最简单的,图片标签是没有伪元素的。原创 2024-03-05 14:20:32 · 1077 阅读 · 0 评论 -
animation动画属性的使用
文章目录用动画控制某物(比如小车)的移动动画的相关属性用动画控制某物(比如小车)的移动动画的相关属性原创 2022-05-04 20:09:56 · 286 阅读 · 0 评论 -
CSS 实现小球的曲线运动
文章目录CSS 实现小球的曲线运动方法一:使用 animation 动画关于贝塞尔曲线 (cubic-bezier)方法二:使用 left + top + 绝对定位CSS 实现小球的曲线运动方法一:使用 animation 动画将不同的两个方向的 animation 结合起来,就可以实现曲线运动的功能向右的 animation + 向上的 animation = 向右向上的曲线运动<!DOCTYPE html><html lang="en"><head>原创 2022-05-03 21:22:22 · 1751 阅读 · 0 评论 -
CSS3 grid 布局的简单使用
你可以选择使用absolute绝对定位为这些块元素定位,也可以使用多个盒子嵌套来实现。当然最简单的方法是使用 CSS3 grid网格布局。grid 布局能够让我们更加灵活组织盒子的搭配方式。原创 2024-01-13 00:04:17 · 964 阅读 · 0 评论 -
CSS 如何制作聊天气泡
使用场景:一些介绍性的东西需要在气泡中显示 ,然后用箭头指出来,箭头一般为三角形如上图中气泡一样。原创 2024-01-13 00:03:25 · 562 阅读 · 0 评论