rem 相当于根元素font-size值的倍数。
1rem=根元素font-size
2rem=根元素font-size * 2
// 1rem = fontSize px
// 1px = (1/fontSize) rem
$fontSize:37.5;
@function px2rem($px) {
@return (@px / $fontSize) + rem;
}
div,div,div布局。div,span。加上class,id布局。wrapper。
加背景色,进行调试看效果。
flex布局。
scss布局。
实现效果,实现点击事件。
Vue实现点击事件效果。
NodeJs,Vue,Scss,CSS3。
动画效果,过渡动画。
reset.css,global.css。
精简代码。
实现菜单栏的具体功能。
组件化思想。
发现问题,解决问题。
计算,解决页面布局问题。
分析问题,解决问题。
布局是核心,看到页面,心中的布局架构就出现了。
准备好图标,处理好初始化工作。
搭好脚手架,然后进行建造。
命名清晰美丽。
css选择器。
测试,感悟代码内在的魔力。
算法实现特殊功能。
绝对定位,相对定位。
display,position,width,height,background,color,border,left,top,border-radius,z-index,padding,margin。
css,js,nodejs,vuejs,scss,算法,Linux,Vscode。
水平布局,垂直布局。
熟悉常用颜色。
assets,components,router,static,config。
Dom结构。
if,for。
通过js动态设置css样式。
console.log时刻监控数据信息。
Vue.js epub.js威武。