scss是一种css的扩展语言,兼容css;并且可以使用变量定义样式。那么,scss怎么固定在底部?
工具/原料
1
scss
2
vue
3
element
4
JavaScript
5
HBuilderX
6
截图工具
7
WPS
8
浏览器
方法/步骤
1
打开HBuilderX工具,下载和安装vue模板项目,并安装依赖包
2
在components文件夹下,新建vue文件,输入文件名,然后点击创建
3
在标签下,插入一个div,然后内层添加一个放置内容的div标签,还有一个底部标签footer
4
在style标签中,利用类选择器,设置相关元素的样式
5
打开App.vue文件,导入Footer组件,然后在界面上引用
6
保存代码并运行vue项目,打开浏览器访问地址,查看界面显示效果
7
调整中间内容,使用calc计算底部和中间占比,然后保存查看效果
总结
1、下载和安装vue项目2、新建vue项目并插入3、利用选择器设置样式4、导入组件文件并引用5、保存代码并运行查看END
注意事项
1
注意scss怎么固定在底部
2
注意scss和css的区别