VIP
CSS工程化
本课程将介绍高效、易于维护和扩展的CSS预处理语言,详细讲解Sass和Less这两种功能强大的CSS预处理语言,并利用Less和Sass来实现新浪微博个人主页和饿了么官网首页。
课时数: 6 个课程, 27 课时 时长: 6.8小时 学习人数: 0
CSS预处理语言基本讲解
CSS预处理语言的介绍
共5.9分钟 登录
什么是Sass和Less
共10分钟 登录
Sass和Less的安装
共10分钟 登录
Sass和Less文件的转译
共12.1分钟 登录
前端工程化项目中的CSS
前端模块化概念基本概述
共10.3分钟 登录
前端模块化工具webpack的安装和使用
共18.9分钟 登录
在webpack中配置使用Less和Sass
共22分钟 登录
Less语法详解
Less中变量的多种用途
共17.4分钟 登录
Less中嵌套规则和继承的学习
共10.6分钟 登录
Less中的混入指令使用规则
共17.7分钟 登录
Less中的运算
共12.7分钟 登录
Less中函数的使用和学习
共5.2分钟 登录
Less实践新浪微博个人主页
实战项目分析和简介
共7.3分钟 登录
使用Bootstrap对页面进行DOM布局
共21.4分钟 登录
安装Less2Css插件实时编译Less文件
共5.9分钟 登录
新浪微博个人主页头部制作
共32.7分钟 登录
新浪微博个人主页左侧信息栏制作
共33.1分钟 登录
新浪微博个人主页右侧内容块制作
共14.6分钟 登录
Sass语法详解
Sass中的基础知识
共14.5分钟 登录
Sass中的嵌套规则和继承
共17.1分钟 登录
Sass中混入指令的学习
共13.6分钟 登录
Sass中控制指令的学习
共18.7分钟 登录
Sass中的函数与运算
共8.6分钟 登录
Sass实践饿了么官网首页
Sass实战项目分析和简介
共6.8分钟 登录
饿了么首页导航栏的制作
共19分钟 登录
饿了么首页头部搜索框的制作
共18.5分钟 登录
饿了么首页底部信息展示制作
共22.1分钟 登录
课程背景:
CSS的语法相对简单易用,但却不方便维护及扩展,不利于复用。所以我们需要一种更加高效、易于维护和扩展的语言来书写样式,也就是CSS预处理语言。
核心内容:
css预处理器之less与sass语法详解。
难度: 进阶
适合人群:
1.具备CSS基础知识的人 2.Web前端开发人员