CSS - 随笔分类 - ${妖气}

svg+css圆环动效

摘要：使用 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 ${妖气} 阅读(116) 评论(0) 推荐(0) 编辑

sass 变量

摘要：声明变量 sass 的变量声明，使用的是 $ 关键符 $highlight-color: #F90; 任何可以用作 sass 的变量值，甚至是以空格分隔的多个属性值，或以逗号分隔的多个属性值 $basic-border: 1px solidblack; $plain-font: "Myriad Pr 阅读全文

posted @ 2021-08-28 10:19 ${妖气} 阅读(88) 评论(0) 推荐(0) 编辑

添加样式

摘要：《精通csss》添加样式 css选择符类型与后代选择符是最基本的选择符。类型选择符用于选择特定类型的元素，比如段落or标题元素。类型选择符也被称为元素选择符 p { color: black; } 后代选择符用于选择某个或某族元素的后代。后代选择符的写法是在两个选择符之间添加空格 blockq 阅读全文

posted @ 2021-08-28 10:00 ${妖气} 阅读(102) 评论(0) 推荐(0) 编辑

文本超出隐藏

摘要：文本超出隐藏，用 ‘...’ 代替原文URL：http://blog.csdn.net/bing0728004/article/details/51509435 关于css的三条用于处理超出文本的基础属性。 overflow:hidden; 超出的文本隐藏 text-overflow:ellips 阅读全文

posted @ 2021-08-28 10:00 ${妖气} 阅读(103) 评论(0) 推荐(0) 编辑

可见格式化模型

摘要：可见格式化模型外边距折叠常规块盒子有一种机制叫作外边距折叠垂直方向上的两个外边距相遇时，会折叠成一个外边距。折叠后外边距的高度等于两者中较大的那个高度外边距折叠只发生在文档常规文本流中块级盒子的垂直方向上包含块如果元素的定位方式为静态定位（position: static）或相对定位（阅读全文

posted @ 2021-08-28 09:59 ${妖气} 阅读(46) 评论(0) 推荐(0) 编辑

流向的改变

摘要：CSS 流向的改变此部分内容更多的是对于 IE 做样式实现改变水平流向的 direction 只要是内联元素，只要和书写相关，都可以使用 direction 属性 .directionLeftToRight { /* 默认值 */ direction: ltr; } .directionRigh 阅读全文

posted @ 2021-08-28 09:59 ${妖气} 阅读(98) 评论(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 ${妖气} 阅读(151) 评论(0) 推荐(0) 编辑

保持高宽比

摘要：可保持宽高比的容器 CSS 规范指出，对于没有指定大小的可替代内容，最终的默认大小为 300px 宽或 150px 高用目标元素的原始高度/原始宽度，得出目标元素的宽高比。此处的目标元素是 iframe .object-wrapper { width: 100%; // 宽度必须设置成100% 阅读全文

posted @ 2021-08-28 09:56 ${妖气} 阅读(64) 评论(0) 推荐(0) 编辑

Create Box

随笔分类 - CSS