• 课程 / CSS3

    前端HTML5+CSS3(女神版)

    直播班:PHP小白到大牛三个月速成!

    立即报名
    介绍章节评论课件
    最新的web前端html5+css3+前端项目重磅上线啦! 采用实战式教学,一线大厂的综合案例,用最短的路径讲解每个技术点,每章节都自成闭环。 课程中和课程尾配备两个实战项目,项目一类型是企业站,快速的将基础知识点进行反复练习;项目二类型是电商站,基于项目一升级难度,掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿;编码规范对标一线大厂开发标准,做到从头到尾的专业开发。让同学们学习中即可切身体会一线大厂的开发流程和标准。
  • 难度:初级
  • 共199章节
  • 80565次播放
  • 第1章 HTML初识

    导学

    08:27

    网页组成和本质

    05:54

    初识浏览器

    06:57

    web标准

    07:32

    HTML感知

    12:16

    HTML骨架

    06:07

    vscode的简介和使用

    11:47

    注释

    06:50

    标签组成和关系

    06:16

    标题和段落

    14:02

    换行和水平线标签

    03:59

    文本格式化标签

    09:47

    图片基本使用

    09:04

    图片属性

    08:31

    绝对路径

    10:24

    相对路径-同级和下级

    10:17

    相对路径-上级

    05:34

    音频标签

    09:27

    视频标签

    07:36

    超链接

    15:09

    综合案例-招聘

    12:23

    综合案例-跳转-index

    08:22

    综合案例-跳转-其他页面

    08:17
    第2章 HTML基础

    列表-使用场景

    04:10

    列表-无序和有序

    08:40

    列表-自定义

    05:11

    表格-使用

    13:20

    表格-表格标题和表头单元格

    07:20

    表格-结构标签

    08:55

    表格-合并单元格

    10:05

    表单-应用场景

    03:30

    表单-input基本使用

    14:29

    表单-input-占位符(提示信息)

    04:05

    表单-单选功能和默认选中

    09:10

    表单-上传多个文件

    02:57

    表单-按钮-input

    11:53

    表单-按钮-button

    05:14

    表单-下拉菜单

    07:18

    表单-文本域

    04:34

    表单-label标签

    08:54

    语义化标签

    11:34

    字符实体

    04:17

    综合案例-学生信息表

    09:57

    综合案例-表单

    15:40
    第3章 CSS基础

    体验css

    12:01

    css引入方式

    10:25

    选择器-标签

    04:31

    选择器-类

    08:35

    选择器-id

    07:02

    选择器-通配符

    04:51

    文字基本样式

    09:34

    文字-字体

    12:00

    拓展-层叠性

    02:07

    font复合属性

    08:27

    文本缩进

    05:20

    水平对齐方式

    07:37

    文本修饰线

    04:48

    行高

    09:22

    谷歌调试工具

    12:37

    拓展-颜色取值

    06:28

    拓展-标签居中

    04:01

    综合案例1-标题完成

    13:50

    综合案例1-新闻-内容

    05:25

    综合案例2-图片完成

    11:40

    综合案例2-产品-文字效果

    07:25
    第4章 CSS进阶

    选择器-后代

    08:29

    选择器-子代

    05:43

    选择器-并集

    04:47

    选择器-交集

    06:03

    选择器-伪类

    04:33

    emmet语法

    14:14

    背景-背景色

    05:17

    背景-背景图

    04:00

    背景-背景平铺

    04:55

    背景-背景位置

    09:52

    背景-background

    11:56

    背景图和img的区别

    08:24

    显示模式-块

    08:31

    显示模式-行内

    06:00

    显示模式-行内块

    04:02

    显示模式-转换

    07:57

    拓展-标签嵌套

    06:47

    CSS特性-继承性

    13:46

    CSS特性-层叠性

    03:59

    综合案例1

    09:43

    综合案例2

    11:37
    第5章 CSS盒子模型

    优先级-基本测试

    13:50

    优先级-叠加计算

    09:06

    优先级-计算题

    14:20

    谷歌-排错

    13:20

    PxCook

    12:27

    盒子模型-组成

    12:45

    盒子模型-浏览器效果

    04:10

    盒子模型-内容width和height

    03:01

    盒子模型-border使用方法

    11:10

    盒子模型-尺寸计算-border

    04:31

    盒子模型-案例

    06:39

    新浪导航-布局div

    07:13

    新浪导航-内容a

    13:07

    盒子模型-padding-多值

    13:26

    盒子模型-尺寸-border和padding

    04:08

    新浪导航-padding优化

    06:03

    盒子模型-内减模式

    04:46

    盒子模型-外边距

    03:19

    清除默认样式

    11:10

    版心居中

    04:58

    综合案例-新闻列表-div布局

    05:23

    综合案例-新闻列表-标题

    09:34

    综合案例-新闻列表-内容

    09:07

    外边距-问题

    13:38

    行内元素的垂直内外边距

    04:20
    第6章 CSS浮动

    结构伪类-基本用法

    07:55

    结构伪类-公式

    09:35

    伪元素

    12:11

    标准流

    02:47

    浮动-体验行内块问题

    08:10

    浮动-作用

    06:59

    浮动-特点

    12:12

    综合案例-小米布局

    07:38

    拓展-css属性顺序

    04:56

    综合案例-小米产品-左右结构

    05:20

    综合案例-小米产品-li

    08:34

    综合案例-导航

    13:15

    清除浮动-场景搭建

    11:03

    清除浮动-额外标签

    04:39

    清除浮动-单伪元素

    07:35

    清除浮动-双伪元素

    06:05

    清除浮动-overflow

    02:15
    第7章 在线项目

    准备工作

    12:41

    版心和清除默认样式

    11:36

    header布局

    04:51

    logo和nav布局

    05:52

    nav内容完成

    10:57

    搜索-布局和文本框

    09:57

    搜索-按钮

    06:17

    用户区域

    06:47

    banner-布局

    07:44

    banner-left完成

    07:27

    banner-right-标题

    03:16

    banner-right-内容

    08:49

    banner-right-全部课程

    04:54

    精品推荐

    12:44

    精品课程-标题

    07:09

    精品课程内容

    11:12

    版权区域-布局

    06:15

    版权区域-内容

    08:22
    第8章 定位装饰

    作用和使用步骤

    06:07

    相对relative

    05:39

    了解-定位-注意事项

    04:13

    绝对absolute-参照浏览器

    07:39

    子绝父相

    11:44

    案例—学成在线-hot

    07:26

    居中

    10:03

    位移居中

    06:09

    案例-二维码

    07:13

    案例-banner

    08:17

    固定

    06:03

    显示层级

    09:37

    vertical-align-01

    11:58

    vertical-align-02

    07:17

    光标类型

    07:11

    圆角边框-基本使用

    09:45

    圆角边框-工作场景

    06:23

    溢出显示效果-overflow

    06:45

    显示隐藏-基本使用

    05:49

    案例-二维码显示隐藏

    03:29

    透明属性opacity

    02:41
    第9章 小兔鲜项目搭建

    css精灵-作用

    03:46

    css精灵-使用

    14:12

    背景图缩放

    11:16

    盒子阴影

    08:09

    过渡

    09:21

    骨架标签

    10:47

    SEO

    12:58

    favicon-标题图标

    02:42

    项目目录

    10:52

    项目代码准备

    06:41

    快捷导航-布局

    09:26

    快捷导航-内容

    11:34

    header-布局

    10:09

    logo和导航

    09:06

    搜索

    10:56

    购物车

    07:48

    版权-布局

    10:39

    版权-li内容完成

    12:04

    版权底部

    04:51
    第10章 小兔鲜项目主体

    banner-图

    06:52

    banner-侧导航-布局

    08:16

    banner-侧导航-文字内容

    08:55

    banner-箭头

    14:52

    banner-圆点

    11:03

    新鲜好物-标题

    11:42

    新鲜好物-内容-布局

    09:21

    新鲜好物-内容完成

    06:43

    新鲜好物-新品文字

    06:13

    生鲜-标题-布局

    09:09

    生鲜区域

    10:31

    生鲜-内容-布局

    05:05

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    最新的web前端html5+css3+前端项目重磅上线啦! 采用实战式教学,一线大厂的综合案例,用最短的路径讲解每个技术点,每章节都自成闭环。 课程中和课程尾配备两个实战项目,项目一类型是企业站,快速的将基础知识点进行反复练习;项目二类型是电商站,基于项目一升级难度,掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿;编码规范对标一线大厂开发标准,做到从头到尾的专业开发。让同学们学习中即可切身体会一线大厂的开发流程和标准。

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网