随笔分类 - CSS
摘要：前言 虽说，el-loading 自带的loading效果已经满足日常的需求看 但是，美术大大觉得太low 我要我设计的，我不要你觉得我要我觉得 需求 自定义el-loading 正文 从官方需求文档来看，是支持自定义的 1.需要文本的 直接用 element-loading-text 2.有自定义
阅读全文
摘要：标签页和窗口快捷键 chrome 功能快捷键 地址栏快捷键 网页快捷键 网页快捷键 mac系统的下回补上 后言： 我是要凑数字吗？少于150字的随笔不允许发布到网站首页，我简直是黑人问号啊 算了算了，2017年，只剩几天了，这几天都好好的总结2017年。很多很多的笔记需要记下来 在2017年的最后一
阅读全文
摘要：mix-blend-mode/background-blend-mode CSS3真是有很多的神奇的地方，这个两个元素你知道吗？ 这是张大大拿过来的图，关于混合模式，借图一用。 mix-blend-mode CSS3 background-blend-mode background-blend-mo
阅读全文
摘要：定义和用法 box-orient 属性规定框的子元素应该被水平或垂直排列。 提示：水平框中的子元素从左向右进行显示，而垂直框的子元素从上向下进行显示。不过，box-direction 和 box-ordinal-group 能够改变这种顺序。 默认情况下，HTML DOM元素沿着内联轴放置其内容。此
阅读全文
摘要：绝对单位 px: Pixel 像素 pt: Points 磅 pc: Picas 派卡 in: Inches 英寸 mm: Millimeter 毫米 cm: Centimeter 厘米 q: Quarter millimeters 1/4毫米 相对单位 %: 百分比 em: Element met
阅读全文
摘要：条纹背景 https://github.com/FannieGirl/ifannie/问题：条纹背景 在设觉设计中无处不在，我们真的可以用css 创建图案吗？ 这一章相对还是比较复杂的哦！一起get.首先我们做一个渐变的背景 横条背景 现在我们把这两个色标拉近一点 这样好像条纹背景 就出来了哦！不过
阅读全文
摘要：我写的实践篇 都是自己在实践项目所遇到的 “拦路虎” 还是很有借鉴的意义的。（实践才是检验真理的唯一标准呀），废话不多说，进去正题 position: fixed 绝对固定底部后会挡住内容 没错，不做处理的话，是会遮住的（定位 脱离了文档流）。 很简单：增加同高度占位元素 一目了然。直接贴代码 1
阅读全文
摘要：我的github地址：https://github.com/FannieGirl/ifannie/ 源码都在这上面哦！ 喜欢的给我一个星吧 边框内圆角 问题：有时候我们需要一个容器，只在内侧有圆角，而边框或描边的四个角在外部仍然保持直角的形状。 其实，以前我都是用两个div实现的。 解决方案 如果只
阅读全文
摘要：我的github地址：https://github.com/FannieGirl/ifannie/ 源码都在这上面哦！ 喜欢的给我一个星吧 背景定位 问题：很多时候，我们想针对容器某个角对背景图片做便宜定位。个人觉得，背景定位应用还是很广的，在实践中经常遇到。在实践中才会发现它的美，真是强大。 ba
阅读全文
摘要：我的github地址：https://github.com/FannieGirl/ifannie/ 源码都在这上面哦！ 喜欢的给我一个星吧 多重边框 问题：我们通常希望在css代码层面以更灵活的方式来调整边框样式 方案一：box-shadow 目前为止，我们大多数人可能已经用过（或者滥用过）box-
阅读全文
摘要：我的github地址：https://github.com/FannieGirl/ifannie/ 源码都在上面哦 喜欢的给我一个星吧 半透明边框 css 中的半透明颜色，比如用 rgba() 和 hsla()但是在其他的属性中（比如边框）中使用半透明颜色并没有想象中那么容易哦！ 假设我们想给一个容
阅读全文
摘要：CSS编码技巧 我的github地址：https://github.com/FannieGirl/ifannie 喜欢的给我一个星吧 尽量减少代码重复 关于响应式网页设计 建议： 使用百分比长度取代固定长度。如果实在做不到这一点，也应该尝试使用与视口相关的单位（vw、vh、vmin 和 vmax），
阅读全文
摘要：css 揭秘之css coding tips demo（1） html 代码： css 代码： 效果图： 总结： css3 标签 linear-gradient 背景线性渐变 先解释一下这个标签，linear-gradient
阅读全文
摘要：/* iPhone 4 and 4S */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-dev
阅读全文
摘要：1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： (ps:【译】如何实现CSS居中？–CSS居中常用方法)使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的
阅读全文
