摘要:
一、思路 ①less无法在浏览器中直接使用,浏览器不能识别 ②通过less解析插件less.js(JavaScript插件)可以把less文件解析成css代码(下载地址) 二、具体应用 ①less.js 插件的原理是使用Ajax,所以需要以HTTP协议打开文件,而不是使用文件协议 file://(这 阅读全文
摘要:
一、注释 ①工具:利用VS code的插件easyless,实时预览 ②行注释不会编译,块注释可以编译 ③最好在文件的开头加上@charset 'UTF-8'; 防止出现编码问题 二、变量 ①LESS 允许开发者自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单 ②定义变量必须使用@ 阅读全文
摘要:
一、less环境安装 ①首先需要在电脑上安装nodejs,一般会内置npm,利用以下命令可以检测: ②利用npm在线安装less,运行 npm install –g less ③查看是否安装成功,Lessc –v 查看版本 二、less简介 ①CSS(层叠样式表)是一门历史悠久的标记性语言,同 HT 阅读全文
摘要:
一、轮播图组件模板(官方文档) 二、分析轮播图组件结构 ①carousel 轮播图的模块, slide是否加上滑动效果,data-ride="carousel" 初始化轮播图属性 ②data-target="#carousel-example-generic" 控制目标轮播图,data-slide- 阅读全文
摘要:
一、导航条模板(官方文档) 二、分析导航条模板结构 ①navbar导航模块 ,类navbar-default 表示默认样式(灰白),还可以是navbar-inverse(反色,黑白),两种主题 ②container-fluid 表示的是导航的内容容器是流式布局,如果设置成container就是响应式 阅读全文