码迷,mamicode.com
首页 > Web开发 > 详细

web前端基础篇⑩

时间:2016-10-08 01:36:02      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

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,后面紧跟需要继承的选择器。

web前端基础篇⑩

标签:

原文地址:http://www.cnblogs.com/cherry325/p/5937093.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!