1.960栅格式布局法
屏幕分辨率为1024*768.采用接 main宽为960px的布局方式
12列式:每格60px 间距20px 3 6 3版 三格式布局(最常用)
16列式:每格40px 间距20px 3 3 6 4版 四格式布局(较常用)
容器:container_x 后面x代表数字。container_12 将页面分成12等份
2.使用bootstrap下载后生成css,js,foots三个文件夹,三个文件夹不能修改不能删,缺一不可。
min是压缩版,引入时建议引入压缩版。
所有的javascript插件都依赖于js文件夹,
<script src=.js/jquery.min.js></script>
<script src=.js/bootstrap.min.js></script>
<mate name=“viweport”>移动端页面1:1缩放,
link引入,选择min.css文件,其他都没用。
3.sass
导入:@import
注释:有两种,一是标准的/**/,另一种是//。
变量:$开头,后面跟变量名,再用:跟变量值隔开。
嵌套:一般用&表示父元素选择器。
混合(mixin):使用@mixin声明混合,可以传递参数,参数名以$符号开始,多个参数以逗号分开,也可以给参数设置默认值。声明的@mixin通过@include来调用。
继承:使用关键词@extend,后面紧跟需要继承的选择器。
相关文章
- 01-27Django【基础篇-3】
- 01-27web前端入门到实战:css3贝塞尔曲线(cubic-bezier)
- 01-27前端面试 手写代码篇
- 01-27Net基础篇_学习笔记_第九天_数组_冒泡排序(面试常见题目)
- 01-27《MATLAB基础篇》(五) 符号计算
- 01-27web 基础知识
- 01-27前端开发基础之文本格式化
- 01-27非零基础速成Go语言_基础篇
- 01-27斑码教育web前端课堂笔记-第66天-模块式开发
- 01-27Python基础篇(二)_基本数据类型