Web前端工程师 > 0基础学前端——CSS/CSS3基础
0基础学前端——CSS/CSS3基础
  • 0基础学前端——CSS/CSS3基础

  • 主讲 : 写代码的平面师
  • 本套课程主要学习通过CSS代码修改网页中的文本、背景、排版布局等,使Web前端开发者可以根据自己的需求设置不同的样式风格。
  • ¥129.00 ¥249.00 ¥128.00
  • 免费试学 立即报名

    51人学习时长 : 5.5 小时有效期 : 90 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改等服务。

CSS 基础 CSS 基础 CSS 基础 CSS 基础 CSS 基础

CSS(CSS3)基础

主讲:写代码的平面师

CSS是层叠样式表,它同样也是网页的重要组成部分,CSS负责对网页的内容及外观进行修饰。本套课程主要学习通过CSS代码修改网页中的文本、背景、排版布局等,Web前端开发者可以根据自己的需求设置不同的样式风格。本套课程适合具备HTML基础的学员,是Web前端基础课程。

第 1 部分 CSS样式 16 分钟

第 1 节 CSS样式 16 分钟
CSS样式 试学

第 2 部分 CSS基础选择器 41 分钟

第 1 节 4种基础选择器 16 分钟
4种基础选择器
第 2 节 2种复合选择器 12 分钟
2种复合选择器
第 3 节 伪类选择器 13 分钟
伪类选择器

第 3 部分 CSS文本类型 41 分钟

第 1 节 文本类型 41 分钟
文本样式和简写
文本区块
作业:将"万维网联盟"页面使用CSS进行美化
将"万维网联盟"页面使用CSS进行美化

第 4 部分 CSS的背景 41 分钟

第 1 节 背景样式 30 分钟
背景颜色及图片
背景图片的重复和偏移
设置背景图像的固定
第 2 节 背景代码简写 11 分钟
背景代码简写
作业:使用背景图片模拟制作“小米手机5”页面
使用背景图片模拟制作“小米手机5”页面

第 5 部分 盒子模型 74 分钟

第 1 节 定义元素的宽和高 10 分钟
定义元素的宽和高
第 2 节 内边距和外边距 23 分钟
内边距padding
外边距margin
第 3 节 边框border 13 分钟
边框border
第 4 节 添加浮动和清除浮动 28 分钟
添加浮动
清除浮动
作业:模拟制作“Gulp 中文网”页面
模拟制作“Gulp 中文网”页面

第 6 部分 主流浏览器的兼容测试 6 分钟

第 1 节 IE浏览器的兼容 6 分钟
IE浏览器的兼容

第 7 部分 CSS3更易操作的网页细节 42 分钟

第 1 节 CSS3介绍 10 分钟
CSS3介绍
第 2 节 border-radius 18 分钟
border-radius
第 3 节 box-shadow 14 分钟
box-shadow
作业:通过CSS3新增属性制作多色彩阴影
通过CSS3新增属性制作多色彩阴影

第 8 部分 文字和字体 27 分钟

第 1 节 阴影文字 10 分钟
阴影文字
第 2 节 自定义字体 17 分钟
自定义字体
作业:模拟制作“Bootstrap中文网”
模拟制作“Bootstrap中文网”

第 9 部分 种类多样的选择器 42 分钟

第 1 节 子元素选择器 17 分钟
子元素选择器
第 2 节 ::selection 10 分钟
::selection
第 3 节 ::before和::after 15 分钟
::before和::after
作业:模拟制作“京东网-服装鞋包”模块
模拟制作“京东网-服装鞋包”模块

学员服务

主讲老师

  • 写代码的平面师

    极客学院布道师

    资深Web前端工程师,曾就职于爱立信、联想等知名企业,现任职于某上市互联网公司,担任Web前端项目经理一职,带领12人团队。8年Web前端项目开发经验,具有丰富的HTML5、JavaScript和jQuery开发和教学经验,热爱研究乐于分享。