![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css部分
文章平均质量分 77
本人css 一些总结
qq1208013747
这个作者很懒,什么都没留下…
展开
-
css 的 filter:grayscale 哀悼模式
哀悼模式、页面黑白原创 2022-12-02 15:12:32 · 866 阅读 · 0 评论 -
flex布局
弹性布局(伸缩布局) 布局:其实就是调整元素在水平和垂直方向上的布局方式。 CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥极大的作用。 【演示:01-伸缩布局初体验.html】 当给一个盒子设置了display:flex之后,这个盒子就有了***主轴*** 和***侧轴*** 的概念。 主轴:Flex容器的主轴主要用来配置Flex项目,默认是水平方向 侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向的 方向:默认***主轴从左原创 2021-03-10 21:12:05 · 75 阅读 · 0 评论 -
css3 animation 动画
了解:https://www.cnblogs.com/xiaohuochai/p/5347930.html 帧动画原理:https://www.bilibili.com/video/av12463881/ 01-过渡详解 <style> .box { width: 300px; height: 300px; background-color: red; margin: 100px auto; /* 过渡: 从原创 2020-12-15 01:02:00 · 157 阅读 · 0 评论 -
css 2d 3d 动画系列
css动画 当一个元素有多个2D转换(比如 既旋转又缩放)效果 采用连写的方式 2D转换的顺序不同 结果也就不同 主要针对的是移动和旋转 (一个元素发生了旋转 坐标系也跟着旋转了) 多个场景下面有2D转换效果时, 需要复制前面已经存在的transform效果 过渡 <style> .box { width: 250px; height: 250px; background-color: pink; /* 过渡 all原创 2020-12-11 00:44:09 · 113 阅读 · 0 评论 -
css 清除浮动详解介绍并附代码
清除浮动 有三种方法 1 给父盒子写死高度 2 用clear: botn ==> 在这只简单说这个属性怎么用 3 overflow: hidden在这里插入代码片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-06-18 00:37:21 · 125 阅读 · 0 评论 -
css特性一些东西
css有三大特性 1 继承性: 子元素会继承父元素一些属性: 文字相关会继承 , 宽度继承, 其他的不继承, 高度不继承 2 层叠性: 后渲染的元素会覆盖掉先渲染的 (权重相同) 3 权重性: !important > 行内样式 > id选择器 >类选择器 > 标签选择器 >通配符 > 继承 权重计算: 数位不能进制 , 级别之间不可超越 权重计算表: 继承 通配 : 0 0 0 0 标签 : 0 0 0 1 类 : 0 0原创 2020-06-17 23:19:19 · 97 阅读 · 0 评论 -
左右两个盒子, 高度自适应
2020/6/17 面试问的问题 左右个一个盒子, 左边高度变化, 让右边跟着一起等高 , 或者右边高度发生变化左边盒子等高 两种办法 第一种 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .left, .right { padding: 10px; /* 将两个盒原创 2020-06-17 21:58:26 · 1509 阅读 · 0 评论