![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 88
CSPsy
这个作者很懒,什么都没留下…
展开
-
CSS:flex布局
CSS flex布局入门,flex布局学习,什么是 flex 布局,flex布局怎么用,flex布局主轴和交叉轴,flex布局的shrink,grow,basis,flex布局around,between和evenly 之间区别原创 2022-06-07 01:05:49 · 1988 阅读 · 0 评论 -
CSS: em和rem
CSS em和rem的使用,什么是em,什么是rem,em和rem的区别,什么时候用em,什么时候用rem原创 2022-04-25 00:46:18 · 1095 阅读 · 0 评论 -
CSS实现多重边框
CSS实现多重边框box-shadow实现多重边框outline实现多重边框原创 2022-04-18 00:38:29 · 2572 阅读 · 0 评论 -
CSS制作一个半透明边框
CSS 制作一个半透明边框,background-clip 属性,如何实现半透明边框原创 2022-04-11 00:49:40 · 2282 阅读 · 0 评论 -
CSS之BFC
CSS之BFC什么是 BFCBFC 的形成条件BFC 的应用解决浮动父容器高度塌陷解决 margin 垂直方向上塌陷解决margin 传递问题和叠加问题原创 2022-02-06 23:59:23 · 812 阅读 · 0 评论 -
CSS动画
CSS动画1. 什么是动画2. 动画的调用3. 多关键帧动画1. 什么是动画在 CSS 中,可以使用@keyframes来定义动画(keyframes 表示“关键帧”)大致结构:@keyframes rotation { /* rotation 动画名 */ from { /* 起始状态 */ transform: rotate(0); } to { /* 结束状态 */ transform: rotate(360deg);原创 2021-11-14 23:08:57 · 523 阅读 · 0 评论 -
CSS过渡
CSS过渡1. 什么是过渡2. 可以参与过渡的属性有哪些3. 缓动效果1. 什么是过渡在 CSS 中,过渡属性:transition过渡可以为一个元素在不同样式之间变化自动添加 ”补间动画“相比于用 JavaScript 实现过渡,用 CSS 优点: 动画更细腻,内存开销小下面为 transtion 四要素:transition: name | duration | timing function | delay;name: 要过渡属性的名字duration: 动画时长timi原创 2021-11-07 22:23:07 · 702 阅读 · 0 评论 -
CSS定位布局
CSS定位布局1. 相对定位1.1) 什么是相对定位1.2)相对定位的性质与用途2. 绝对定位2.1) 什么是绝对定位2.2)绝对定位的性质与用途3. 固定定位1. 相对定位1.1) 什么是相对定位相对定位:盒子可以根据自己原来的位置进行位置调整(通过位置描述词实现)。位置描述词:left: 向右移动; right 向左移动;top 向下移动;bottom 向上移动(当里面值为负数的时候,往相反方向移动)举个例子:原来:<!DOCTYPE html><html lan原创 2021-10-31 23:50:15 · 246 阅读 · 0 评论 -
CSS学习笔记(三)
CSS1. 文字属性2. 盒子模型(Box Model)3. display属性4. 浮动原创 2021-08-22 23:59:07 · 411 阅读 · 0 评论 -
CSS学习笔记(二)
CSS选择器1. 通配选择器2. 元素选择器 / 伪元素选择器3. 属性选择器 / 类选择器 / 伪类选择器4. 后代选择器 / 子元素选择器5. 相邻选择器 / 通用相邻选择器6. ID 选择器1. 通配选择器在CSS中,一个星号(*)就是一个通配选择器,它可以匹配任意类型的HTML元素。例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2021-08-15 11:38:43 · 678 阅读 · 1 评论 -
CSS学习笔记(一)
CSS基础知识一CSS介绍CSS语法CSS 注释CSS引入方式CSS三大特性CSS介绍什么是CSS?CSS 是层叠样式表(Cascading Style Sheets)的简称,它可以让你创建好看的网页。使用CSS就可以控制浏览器如何显示HTML元素,从而充分展示你喜欢的设计样式。CSS的作用设置HTML页面中的文本内容(字体、大小、对齐方式等)e.g. 改变正文内容或标题的颜色及大小设置HTML页面中的图片的外形(宽高、边框样式、边距等)设置HTML页面中版面的布局和原创 2021-08-07 19:25:57 · 605 阅读 · 0 评论