![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 572 阅读 · 0 评论 -
前端动画——网页时钟
前言先了解一些基础知识,之后直接从案列中学习基础知识transition属性 描述 CSS transition 简写属性,用于在一个属性中设置四个过渡属性。 3 transition-property 规定应用过渡的 CSS 属性的名称。 3 transition-duration 定义过渡效果花费的时间。默认是 0。 3 transition-timing-function 规定过渡效果的时间曲线。默认是 "ease.原创 2022-05-10 11:57:22 · 417 阅读 · 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 · 492 阅读 · 0 评论 -
Bootstrap入门及快速复习
一、UI框架的作用UI框架概念 将常见效果进行统一封装后形成的一套代码, 例如:BootStrap。 作用 基于框架开发,效率高,稳定性高。二、BootStrap简介Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定 HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。 中文官网: https://www.bootcss.com/为什么要使用bootstrap众所周知bo原创 2021-12-24 18:26:25 · 949 阅读 · 0 评论 -
最新Flex(弹性)布局总结
一、基本介绍Flex布局/弹性布局: 是一种浏览器提倡的布局模型 布局网页更简单、灵活 避免浮动脱标的问题作用 基于 Flex 精确灵活控制块级盒子的布局方式,避免浮动布局中脱离文档流现象发生。 Flex布局非常适合结构化布局 设置方式 父元素添加 display: flex,子元素可以自动的挤压或拉伸 组成部分 弹性容器 弹性盒子 主轴 侧轴 / 交叉轴二、主轴对齐方式修改主轴对齐方式属性: justify-content属性 .原创 2021-12-24 15:32:37 · 474 阅读 · 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 · 3133 阅读 · 5 评论