CSS
关注
分享
扫一扫
文章平均质量分 95
关于学习css时学习知识的总结
天心天地生
一切都将逝去，只有死神永生。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css实现边框跑马灯效果（彩虹，渐变，叠加）
css实现边框跑马灯效果（彩虹，渐变，叠加）原创 2023-12-18 10:56:21 · 2967 阅读 · 0 评论 -
fixed定位嵌套导致无法覆盖其他元素
问题描述fixed元素被另一个fixed元素包含的时候在chrome下fixed子元素的定位会受到父元素的影响<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>css 定位</title> </head> <body> <style> .root {原创 2021-12-16 23:59:51 · 2539 阅读 · 0 评论 -
不同大小的字体底部对齐
问题描述不同font-size的字体会出现上下偏差，这是一个蛮令人头疼的问题。特别是中文字体(英文字体不会出现这种问题)。解决方案align-items属性定义项目在交叉轴上如何对齐。.box { align-items: flex-start | flex-end | center | baseline | stretch;}它可能取5个值。具体的对齐方式与交叉轴的方向有...原创 2020-03-12 16:26:05 · 9883 阅读 · 1 评论 -
less的简单学习
less在线编译： https://tool.oschina.net/less参考资料： https://www.jianshu.com/p/48018e5da7dd一、Less 使用初体验1. 使用 Less 写样式使用 Npm 全局安装 Less$ npm install less -g创建一个空文件夹，这里命名为：learn-less在根目录下创建 index.html 文件...转载 2019-12-17 10:57:41 · 401 阅读 · 0 评论 -
CSS3 :nth-of-type() 选择器
定义和用法:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字、关键词或公式。提示：请参阅 :nth-child() 选择器，该选择器选取父元素的第 N 个子元素，与类型无关。亲自试一试 - 实例实例 1Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。在这里，我们为奇数和偶数 p 元...原创 2019-11-29 16:27:37 · 790 阅读 · 0 评论 -
5分钟学会 CSS Grid 布局
这是一篇快速介绍网站未来布局的文章。Grid 布局是网站设计的基础，CSS Grid 是创建网格布局最强大和最简单的工具。CSS Grid 今年也获得了主流浏览器（Safari，Chrome，Firefox，Edge）的原生支持，所以我相信所有的前端开发人员都必须在不久的将来学习这项技术。在本文中，我将尽可能快速地介绍CSS网格的基本知识。我会把你不应该关心的一切都忽略掉了，只是为了让你了...转载 2019-11-17 15:52:44 · 298 阅读 · 0 评论 -
Flex 布局教程：语法篇
作者： 阮一峰日期： 2015年7月10日网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏...转载 2019-11-17 15:14:19 · 246 阅读 · 0 评论 -
css动画animation绘制向四周扩散的圆圈
CSS3 动画animationCSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。语法animation: name duration timing-function delay iteration-count direction fill-mode play-state;值说明animation-name指定...原创 2019-10-24 09:43:38 · 2391 阅读 · 0 评论 -
CSS编码规范
CSS编码规范1 前言CSS作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8 编码...转载 2019-10-12 23:22:13 · 267 阅读 · 0 评论