10 2018 档案
摘要:在webstorm配置的SASS,插入中文注释报错: cmd.exe /D /C call D:\ProgramFiles\Ruby24-x64\bin\sass.bat --no-cache --update love.scss:D:\2018Learning\MaterialLibrary\CS
阅读全文
摘要:转载自:CSS实现水平垂直居中的1010种方式 划重点,这是一道面试必考题,很多面试官都喜欢问这个问题,我就被问过好几次了 要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star
阅读全文
摘要:转载自:css3 calc()的用法 说明:calc(四则运算);任何长度值都可以使用calc()函数进行计算;和平时的加减乘除优先顺序一样一样的; 特别注意:calc()里面的运算符必须前后都留一个空格,不然浏览器识别不了,比如:calc(100% - 5px); 兼容性: HTML: <div
阅读全文
摘要:使用数据属性 使用数据属性 HTML5是具有扩展性的设计,它初衷是数据应与特定的元素相关联,但不需要任何定义。data-* 属性允许我们在标准内于HTML元素中存储额外的信息,而不需要使用类似于 classList,标准外属性,DOM额外属性或是 setUserData之类的伎俩。 HTML 语法
阅读全文
摘要:参考: WebStorm-2018.2-Help-Sass, Less, and SCSS 作者:tobyDing链接:https://www.jianshu.com/p/0fe52f149cab來源:简书 本文前提是电脑里已经顺利安装了ruby,sass等之后,再进行webstorm中配置sass
阅读全文
摘要:转载自:http://yunkus.com/difference-between-scss-sass/ 要想了解Scss 与 Sass 是什么以及他们的区别又在哪里,我们不过不先从他们各自的定义说起。 Sass是什么 Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着
阅读全文
摘要:转载自:父元素如何围住浮动子元素 当元素使用float属性,将脱离文档流,因此父元素便不会包围它。 1 <section> 2 <div class="左栏"> 3 我是左栏 4 我是左栏 5 我是左栏 6 我是左栏 7 </div> 8 <div class="右栏"> 9 我是右栏 10 </d
阅读全文
摘要:转载自:10个最佳视差滚动插件 10 Best Parallax Scrolling Plugins Long scrolling sites have become a really common web design trend. One of the coolest sub-types of
阅读全文