使用base64数据做背景图片，IE无法显示
摘要：div { width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: 100px 100px; background-image: u
阅读全文
posted @
2023-10-10 15:03
哈哈哈~_~
阅读(199)
推荐(0) 编辑
Font Awesome使用方法
摘要：1.下载 https://fontawesome.com/2.解压3.将all.min.css复制到项目中，把下载好的字体文件放到assets文件夹下 4.将all.css引入到网页中 <!doctype html> <html lang="zh"> <head> <meta charset="ut
阅读全文
posted @
2023-08-10 11:18
哈哈哈~_~
阅读(376)
推荐(0) 编辑
css动画-滚动通知
摘要：使用动画 <div class="horNotice"> <div class="horMove"> <span>累计87例死亡 重症八仙有3位赴上海</span> <span>北京新增21例感染者 含多名在校生</span> </div> </div> .horNotice { position:
阅读全文
posted @
2022-04-24 18:07
哈哈哈~_~
阅读(204)
推荐(0) 编辑
css建议写法
摘要：1 属性顺序 定位属性 position display float left top right bottom overflow clear z-index 自身属性 width height padding border margin background 文字样式 font-family fo
阅读全文
posted @
2022-02-23 12:24
哈哈哈~_~
阅读(31)
推荐(0) 编辑
理解 background: url();属性
摘要：在url(imagepath)里的这个imagepath，原来它是相对于.css文件这个目录，而不是调用css文件所在文件的这个目录 简单点说，就是假如我有个index.htm，它要调用index.htm所在的一个子目录style目录下的style.css文件，背景图片存放在与style目录同级的i
阅读全文
posted @
2022-01-21 10:35
哈哈哈~_~
阅读(7637)
推荐(0) 编辑
offset与style的区别
摘要：offset-适合获取元素大小位置 可以得到任意样式表中的样式值 获取到的数值没有单位 offsetWidth包含padding+border+width，只读不能赋值 style-适合给元素更改值 只能得到行内样式中的样式值 style.width获得带单位的字符串 style.width获得不包
阅读全文
posted @
2021-12-04 22:17
哈哈哈~_~
阅读(69)
推荐(0) 编辑
css盒模型
摘要：1.定义 CSS盒模型 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 2.盒子模型种类 （1）W3C盒子模型(标准盒模型) width指的是内容区域content的宽度 he
阅读全文
posted @
2021-11-04 11:31
哈哈哈~_~
阅读(42)
推荐(0) 编辑
BFC学习
摘要：1 官方定义 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 2 个人理解 每一个BFC区域只包括其子元素，不包括其子元素的子元素。 每一个BFC区域都是独立隔绝的，互
阅读全文
posted @
2021-10-16 01:48
哈哈哈~_~
阅读(33)
推荐(0) 编辑
less 记录
摘要：Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 1安装 npm install -g less 新建less文件 @width: 10px; .box { width: @width; heig
阅读全文
posted @
2021-09-10 16:52
哈哈哈~_~
阅读(36)
推荐(0) 编辑
滚动条样式
摘要：.sider-container::-webkit-scrollbar { width: 6px; height: 6px } .sider-container::-webkit-scrollbar-track { background: #f7f7f7; } .sider-container::-
阅读全文
posted @
2021-05-27 09:55
哈哈哈~_~
阅读(169)
推荐(0) 编辑
记录一些样式
摘要：自定义table样式 table { width: 720px; border-collapse: collapse; // 边框合并，该属性设置表格的边框是否被合并为一个单一的边框 } table td { height: 40px; padding: 0 2px; border: 1px sol
阅读全文
posted @
2020-12-18 10:59
哈哈哈~_~
阅读(150)
推荐(0) 编辑
垂直居中，对齐
摘要：单行文字-居中 多行文字-居中 css3弹性盒子--完美居中 css3弹性盒子--对齐 css3弹性盒子--flex:1用法 flex: flex-grow flex-shrink flex-basis|auto|initial|inherit; 默认flex属性是0 1 auto，【父控件有剩余控
阅读全文
posted @
2019-09-05 17:16
哈哈哈~_~
阅读(170)
推荐(0) 编辑
