less sass scss 不要取名相同
扩展技术基于 css
度量 混合 函数 运算
简代 css代码 解析器
解析器(koala)
变量 值可以变
后缀名为less文件
建一个文件夹 html less
启动 koala
配置路径
刷新 写一部分在koala里刷新
生成用less名称命名的css文件
在html里面引入css文件
less中引入文件@imporeant
less后缀名可省略
变量
声明 变量名是 自取
后使 属性名
混合 mixins
class . 名称{ 自取 } 声明
id # 名称 {自取} 声明
元素 div p h1
带参数的混合 {值可变}
. 名称{自取} {参数} 属性名 接下来
在参数后面:固定值
设置参数默认值
不带参数的属性集
名称的
声明
参数名称的集合@argumente
作用域
div
span
strong
bootstrap
简洁 直观 强悍 移动设备优先的前端开发框架
960格式布局法
12列式;每格60px 间距20px 3.6.3版格式布局(最常用)
16列式;每格40px 间距40px 3.3.6.4版 四格式布局
24列式;每格30px 每格10px(很少用)
32列式;(很少用)
容器;container__x 后面的x表示的数字
例如;container__12表示将页面进行12等份
container__16表示将页面进行16等分
bootstrap 下载会有3个文件
css 文 件
js 文 件
fonts免费图标
.min压缩版
移动端上写代码
mrettaviewp
手机 平板 桌面 超宽
﹤768px ≥768px ≥992px ≥1200px
时间: 2024-10-28 06:18:26