CSS
关注
分享
扫一扫
文章平均质量分 77
果冻OoO
这个作者很懒，什么都没留下…
展开
-
前端动画——3D立方体盒子
前言学动画的时候看到的，很有意思，有兴趣可以看全文CSS 怎样写一个动画（从基础动画到3d动画)完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv原创 2022-05-10 12:27:01 · 613 阅读 · 0 评论 -
前端动画——网页时钟
前言先了解一些基础知识，之后直接从案列中学习基础知识transition属性 描述 CSS transition 简写属性，用于在一个属性中设置四个过渡属性。 3 transition-property 规定应用过渡的 CSS 属性的名称。 3 transition-duration 定义过渡效果花费的时间。默认是 0。 3 transition-timing-function 规定过渡效果的时间曲线。默认是 "ease.原创 2022-05-10 11:57:22 · 464 阅读 · 0 评论 -
Less知识点总结
一、Css预处理器和Less基本介绍CSS预处理器之Less详解CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。市面上有很多CSS预处理器可供选择，且绝大多数CSS预处理器会增加一些原生CSS不具备的特性，例如代码混合，嵌套选择器，继承选择器等。这些特性让CSS的结构更加具有可读性且易于维护。Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。Less是一个CSS预处理器, Less文件后缀是.less 扩充了 CS原创 2021-12-27 14:25:26 · 733 阅读 · 0 评论 -
Bootstrap入门及快速复习
一、UI框架的作用UI框架概念 将常见效果进行统一封装后形成的一套代码, 例如：BootStrap。 作用 基于框架开发，效率高，稳定性高。二、BootStrap简介Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架，它提供了大量编写好的 CSS 样式，允许开发者结合一定 HTML 结构及JavaScript，快速编写功能完善的网页及常见交互效果。 中文官网: https://www.bootcss.com/为什么要使用bootstrap众所周知bo原创 2021-12-24 18:26:25 · 1004 阅读 · 0 评论 -
最新Flex（弹性）布局总结
一、基本介绍Flex布局/弹性布局： 是一种浏览器提倡的布局模型 布局网页更简单、灵活 避免浮动脱标的问题作用 基于 Flex 精确灵活控制块级盒子的布局方式，避免浮动布局中脱离文档流现象发生。 Flex布局非常适合结构化布局 设置方式 父元素添加 display: flex，子元素可以自动的挤压或拉伸 组成部分 弹性容器 弹性盒子 主轴 侧轴 / 交叉轴二、主轴对齐方式修改主轴对齐方式属性: justify-content属性 .原创 2021-12-24 15:32:37 · 558 阅读 · 0 评论 -
最新最全css知识点总结，自用，持续更新
目录一、CSS简介二、基础知识1、css的引入方式2、基础选择器（1）标签选择器（2）id和class选择器（类选择器）（3）通配符选择器3、复合选择器（1）后代选择器 (重要）（2）子选择器 (重要）（3）并集选择器 (重要）（4）伪类选择器4、文本样式总结（1）字体类型font-family（2）字体大小font-size（3）字体颜色color（4）字体粗细font-weight（5）字体斜体font-style（6）字体复合原创 2021-07-07 16:15:24 · 4972 阅读 · 5 评论