摘要：
使用 svg + css 制作圆环loading动效 转载自：https://www.jianshu.com/p/62696f058463 html <svg class="load" viewBox="25 25 50 50"> <circle class="loading" cx="50" cy 阅读全文
posted @ 2021-08-28 11:48 ${妖气} 阅读(102) 评论(0) 推荐(0) 编辑
摘要：
声明变量 sass 的变量声明，使用的是 $ 关键符 $highlight-color: #F90; 任何可以用作 sass 的变量值，甚至是以空格分隔的多个属性值，或以逗号分隔的多个属性值 $basic-border: 1px solidblack; $plain-font: "Myriad Pr 阅读全文
posted @ 2021-08-28 10:19 ${妖气} 阅读(83) 评论(0) 推荐(0) 编辑
摘要：
《精通csss》 添加样式 css选择符 类型与后代选择符是最基本的选择符。 类型选择符用于选择特定类型的元素，比如段落or标题元素。类型选择符也被称为元素选择符 p { color: black; } 后代选择符用于选择某个或某族元素的后代。后代选择符的写法是在两个选择符之间添加空格 blockq 阅读全文
posted @ 2021-08-28 10:00 ${妖气} 阅读(99) 评论(0) 推荐(0) 编辑
摘要：
文本超出隐藏，用 ‘...’ 代替 原文URL：http://blog.csdn.net/bing0728004/article/details/51509435 关于css的三条用于处理超出文本的基础属性。 overflow:hidden; 超出的文本隐藏 text-overflow:ellips 阅读全文
posted @ 2021-08-28 10:00 ${妖气} 阅读(99) 评论(0) 推荐(0) 编辑
摘要：
可见格式化模型 外边距折叠 常规块盒子有一种机制叫作 外边距折叠 垂直方向上的两个外边距相遇时，会折叠成一个外边距。折叠后外边距的高度等于两者中较大的那个高度 外边距折叠只发生在文档常规文本流中块级盒子的垂直方向上 包含块 如果元素的定位方式为静态定位（position: static）或相对定位（ 阅读全文
posted @ 2021-08-28 09:59 ${妖气} 阅读(45) 评论(0) 推荐(0) 编辑
摘要：
CSS 流向的改变 此部分内容更多的是对于 IE 做样式实现 改变水平流向的 direction 只要是内联元素，只要和书写相关，都可以使用 direction 属性 .directionLeftToRight { /* 默认值 */ direction: ltr; } .directionRigh 阅读全文
posted @ 2021-08-28 09:59 ${妖气} 阅读(91) 评论(0) 推荐(0) 编辑
摘要：
CSS基本网页排版 1. 字体大小与行高 1.1 字体大小 绝大多数的浏览器默认字体大小都是 16px 1.1.1 em 单位 em 单位用于 font-size 属性时，实际上是一个相应元素继承的 font-size 缩放因子 例如，h3 元素，字型大小是 1.314*16 = 21px 虽然可以 阅读全文
posted @ 2021-08-28 09:58 ${妖气} 阅读(130) 评论(0) 推荐(0) 编辑
摘要：
css渐变 linear-gradient () linear-gradient () 方法 参考：https://www.runoob.com/cssref/func-linear-gradient.html 渐变用法1，制作缺角矩形 通过调整渐变角度，以及其渐变颜色和占比 background: 阅读全文
posted @ 2021-08-28 09:58 ${妖气} 阅读(60) 评论(0) 推荐(0) 编辑
摘要：
可保持宽高比的容器 CSS 规范指出，对于没有指定大小的可替代内容，最终的默认大小为 300px 宽或 150px 高 用目标元素的 原始高度/原始宽度，得出目标元素的宽高比。 此处的目标元素是 iframe .object-wrapper { width: 100%; // 宽度必须设置成100% 阅读全文
posted @ 2021-08-28 09:56 ${妖气} 阅读(61) 评论(0) 推荐(0) 编辑