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

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

    55人学习时长 : 3.6 小时有效期 : 90 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。SVIP用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

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

CSS(CSS3)基础

主讲:写代码的平面师

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

第 1 部分 CSS样式 16 分钟

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

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

第 1 节 CSS基础选择器 35 分钟
4种基础选择器
2种复合选择器
伪类选择器

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

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

第 4 部分 CSS的背景 40 分钟

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

第 5 部分 盒子模型 70 分钟

第 1 节 盒子模型 70 分钟
定义元素的宽和高
内边距padding
外边距margin
边框border
添加浮动
清除浮动
作业:模拟制作“Gulp 中文网”页面
模拟制作“Gulp 中文网”页面

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

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

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

第 1 节 CSS3更易操作的网页细节 10 分钟
CSS3介绍
border-radius
box-shadow
阴影文字
自定义字体
子元素选择器
::selection
::before和::after
作业:通过CSS3新增属性制作多色彩阴影
通过CSS3新增属性制作多色彩阴影
作业:模拟制作“Bootstrap中文网”
模拟制作“Bootstrap中文网”
作业:模拟制作“京东网-服装鞋包”模块
模拟制作“京东网-服装鞋包”模块

学员服务

主讲老师

  • 写代码的平面师

    极客学院布道师

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