摘要: 首先,在<style>标签下引入样式统一用@import,而不是import; 其次,引入路径为 ‘~@/xx/xx’(xx代表实际的文件路径)为什么要加了一个‘~’,那是因为css loader会把所有不是根路径的url解释为相对路径,加了‘~’才会解释成模块路径 阅读全文
posted @ 2020-11-26 16:42 90一代 阅读(1031) 评论(0) 推荐(0) 编辑
摘要: 在css属性中,很多属性的取值可以是百分比,比如:width、height、padding、margin、font-size、line-height等,那么这些百分比值的计算是相对于谁的呢? HTML: <div class="parent"> <div class="child">我是内容<div 阅读全文
posted @ 2020-04-20 16:02 90一代 阅读(666) 评论(0) 推荐(0) 编辑
摘要: stylus是一个基于node.js的css预处理框架,默认使用.styl作为文件扩展名;本质上做的事情与less,sass一样,支持多样式的css语法,比如使用变量,可以去掉花括号、冒号、分号等等,传统的css样式也是支持的。 安装stylus: npm install stylus stylus 阅读全文
posted @ 2020-04-11 14:06 90一代 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 首先语法不一样:import是ES6语法,意为引进模块的意思,而@import是stylus的语法; 其次,@import是在<style>标签下引进某个.styl或者.css样式类文件,而在<script>标签下引进样式类文件用import. 阅读全文
posted @ 2020-03-27 22:00 90一代 阅读(1375) 评论(1) 推荐(0) 编辑