找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 2962|回复: 10

全面系统讲解CSS 工作应用+面试一步搞定-2018年M课网

[复制链接]

190

主题

42

回帖

384

积分

校长

ITbang.net

热心值
3
IT币
11875
贡献值
0

活跃会员灌水之王热心会员在线达人VIP专属我是MM我是GGIT帮探路者荣誉管理

发表于 2020-2-23 11:03:43 | 显示全部楼层 |阅读模式
        第1章 课程介绍
        对课程整体进行介绍
                1-1 导学

        第2章 HTML基础强化
        讲解HTML常见元素、版本(HTML4/XHTML/HTML5的关系)以及HTML元素的分类和嵌套关系。关注元素默认样式和定制化。
                2-1 HTML常见元素和理解(1)
                2-2 HTML常见元素和理解(2)
                2-3 HTML常见元素和理解(3)
                2-4 HTML版本
                2-5 元素分类
                2-6 嵌套关系
                2-7 默认样式和reset
                2-8 真题

        第3章 CSS基础
        全面讲解CSS基础知识,包括层叠样式表的基本规则和含义、选择器(分类、特性、权重、性能)、非布局样式属性、CSS hack以及一些案例分析(checkbox等)。
                3-1 选择器(1)
                3-2 选择器(2)
                3-3 非布局样式(字体)
                3-4 非布局样式(行高)
                3-5 非布局样式(背景)
                3-6 非布局样式(边框)
                3-7 非布局样式(滚动)
                3-8 非布局样式(文本折行)
                3-9 非布局样式(装饰性属性)
                3-10 hack和案例(1)
                3-11 hack和案例(2)
                3-12 面试题(1)
                3-13 面试题(2)

        第4章 CSS布局
        讲解布局样式属性(display/position/z-index/flex/float)以及它们之间的关系和组合使用。以三栏布局案例讲解常见的布局方式(float/absolute/margin/table-cell/flex)。
                4-1 布局简介
                4-2 布局方式(表格)
                4-3 一些布局属性
                4-4 flexbox布局
                4-5 float布局
                4-6 inline-block布局
                4-7 响应式布局(1)
                4-8 响应式布局(2)
                4-9 主流网站使用的布局方式
                4-10 CSS面试题

        第5章 CSS效果
        讲解效果相关属性(box-shadow/border-radius/background/clip-path)及应用。重点讲解多背景、多投影的应用和3D效果实践。
                5-1 box-shadow
                5-2 text-shadow_x264
                5-3 border-radius
                5-4 background
                5-5 clip-path
                5-6 3D-transform
                5-7 CSS面试真题

        第6章 CSS动画
        讲解动画的原理和基本概念(补间、关键帧、逐帧),以及动画的作用(提示、引起注意、提升体验)。然后讲解transition动画、关键帧动画和逐帧动画的实现,最后关注动画高级控制技巧(起止、循环、easing、事件)。
                6-1 动画介绍
                6-2 transition动画(1)
                6-3 transition动画(2)
                6-4 keyframes动画
                6-5 逐帧动画
                6-6 CSS面试真题

        第7章 预处理器
        讲解预处理的作用,使用常见的两种预处理语言(Sass / Less)讲解预处理器常用特性(嵌套、变量、Mixin、Extend、循环、模块化等)。最后以EST为例讲解预处理库的使用。
                7-1 介绍
                7-2 less嵌套
                7-3 sass嵌套(1)
                7-4 sass嵌套(2)
                7-5 less变量
                7-6 sass变量
                7-7 less mixin
                7-8 sass mixin
                7-9 less extend
                7-10 sass extend
                7-11 less loop
                7-12 sass loop
                7-13 less import
                7-14 sass import
                7-15 预处理器框架(1)
                7-16 预处理器框架(2)
                7-17 真题

        第8章 Bootstrap
        讲解Bootstrap的原理和基本使用方式,响应式布局的原理和使用以及Bootstrap的定制。
                8-1 Bootstrap介绍
                8-2 Bootstrap基本用法(1)
                8-3 Bootstrap基本用法(2)
                8-4 Bootstrap JS组件
                8-5 Bootstrap 响应式布局
                8-6 Bootstrap 定制化
                8-7 CSS真题

        第9章 CSS工程化方案
        讲解PostCSS和基于PostCSS的CSS工程化体系(autoprefixier / cssnext等),然后讲解CSS模块化方案(css modules),最后以webpack为工具讲解CSS文件的组织和打包构建。
                9-1 PostCSS介绍
                9-2 PostCSS插件的使用(1)
                9-3 PostCSS插件的使用(2)
                9-4 cssnext
                9-5 precss
                9-6 gulp-postcss
                9-7 webpack
                9-8 webpack处理CSS
                9-9 css-modules和extract-text-plugin
                9-10 webpack小结
                9-11 真题

        第10章 三大框架中的CSS
        分别讲解在Angular React和Vue中如何利用框架提供的CSS特性来处理CSS代码。
                10-1 Angular中的CSS(1)
                10-2 Angular中的CSS(2)
                10-3 Angular中的CSS(3)
                10-4 Vue中的CSS(1)
                10-5 Vue中的CSS(2)
                10-6 React中的CSS(1)
                10-7 React中的CSS(2)
                10-8 React中的CSS(3)
                10-9 React中的CSS(4)

        第11章 实战案例
        通过一个实际项目,来真真切切了解CSS在企业中是如何应用
                11-1 案例介绍
                11-2 header
                11-3 banner
                11-4 main
                11-5 footer和页面调整
                11-6 动画
                11-7 progress
                11-8 dialog

        第12章 课程总结
        对课程整体进行总结
                12-1 课程总结
游客,如果您要查看本帖隐藏内容请回复


ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

190

主题

42

回帖

384

积分

校长

ITbang.net

热心值
3
IT币
11875
贡献值
0

活跃会员灌水之王热心会员在线达人VIP专属我是MM我是GGIT帮探路者荣誉管理

 楼主| 发表于 2020-2-23 11:42:34 | 显示全部楼层
果断MARK,前十有我必火!

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

111

回帖

121

积分

初中生

热心值
10
IT币
21
贡献值
3
发表于 2020-2-28 11:55:48 | 显示全部楼层
支持一下:lol

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

99

回帖

110

积分

初中生

热心值
12
IT币
32
贡献值
1
发表于 2020-2-28 12:08:26 | 显示全部楼层
我抢、我抢、我抢沙发~

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

103

回帖

105

积分

初中生

热心值
1
IT币
21
贡献值
0
发表于 2020-2-28 12:19:03 | 显示全部楼层
过来看看的

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

99

回帖

0

积分

小学生

热心值
0
IT币
0
贡献值
0
发表于 2020-3-1 05:19:32 | 显示全部楼层
找到好贴不容易,我顶你了,谢了

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

97

回帖

91

积分

VIP

热心值
3
IT币
65
贡献值
5
发表于 2020-3-1 07:07:22 | 显示全部楼层
相当不错,感谢无私分享精神!

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

7

回帖

7

积分

小学生

热心值
0
IT币
1
贡献值
0
发表于 2020-6-29 16:13:54 | 显示全部楼层
啥也不说了,楼主就是给力!

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

2

主题

35

回帖

41

积分

小学生

热心值
1
IT币
16
贡献值
1
发表于 2020-9-23 14:57:51 | 显示全部楼层
努力努力.共同发展,加油

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

0

主题

1

回帖

1

积分

小学生

热心值
0
IT币
7
贡献值
0
发表于 2021-11-30 12:51:57 | 显示全部楼层
支持一下!!!!

ITbang.Net是一个IT教程分享社区!

寻找论坛资源请善用论坛搜索功能,这样会为你节约不少学习时间;

论坛资源如有过期链接失效等,请到教程反馈区发帖反馈,我们会为您良好的行为点赞加分!

回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:
IT帮论坛所发布的一切视频资源、工具软件和网络技术相关的文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该资源,请支持正版软件,购买注册,得到更好的正版服务。

Mail To:Service@ITbang.Net

QQ|Archiver|手机版|小黑屋|IT帮社区 ( 冀ICP备19002104号-2 )

GMT+8, 2024-10-23 21:28 , Processed in 0.119320 second(s), 30 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表