Name: 前端小白零基础入门HTML5+CSS3
Uploaded: 2022-10-12T10:58:35+8:00
Duration: 1405 min 31 s
Description: 1、web端布局：先讲解HTML5常用标签，接着讲解CSS3常见样式增加的H5C3新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。 2、移动端布局：主要讲解视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。

Kapitel1Kurseinführung und grundlegende Computerkenntnisse: 学习路线
03 Minuten54 Sekunden; HTML简介
00 Minuten36 Sekunden; 网页的相关概念
07 Minuten44 Sekunden; 常用浏览器以及内核
04 Minuten44 Sekunden; web标准
07 Minuten32 Sekunden
Kapitel2Grundlegende HTML-Syntax und -Struktur: HTML标签导读
01 Minuten01 Sekunden; HTML语法规范
07 Minuten11 Sekunden; HTML基本结构标签
07 Minuten15 Sekunden; VSCode工具创建页面
06 Minuten36 Sekunden; DOCTYPE和lang以及字符集的作用
08 Minuten56 Sekunden
Kapitel3HTML-Tags: 标签语义
02 Minuten22 Sekunden; 标题标签
05 Minuten14 Sekunden; 段落标签和换行标签
06 Minuten23 Sekunden; 体育新闻案例
04 Minuten24 Sekunden; 文本格式化标签
07 Minuten57 Sekunden; div和span标签
04 Minuten43 Sekunden; 图像标签（上）
09 Minuten13 Sekunden; 图像标签（下）
04 Minuten14 Sekunden; 图像标签注意点
02 Minuten47 Sekunden
Kapitel4Relativer Pfad vs. absoluter Pfad: 目录文件夹和根目录
06 Minuten30 Sekunden; 相对路径（上）
06 Minuten07 Sekunden; 相对路径（下）
02 Minuten56 Sekunden; 绝对路径
03 Minuten20 Sekunden
Kapitel5Links und Anker: 链接标签（上）
08 Minuten38 Sekunden; 链接标签（下）
09 Minuten16 Sekunden; 锚点链接
07 Minuten02 Sekunden; 注释标签和特殊字符
08 Minuten18 Sekunden
Kapitel6Umfangreicher Fall: 综合案例（上）
10 Minuten36 Sekunden; 综合案例（下）
05 Minuten13 Sekunden
Kapitel7HTML-Tabelle: HTML标签（下）导读
01 Minuten11 Sekunden; 表格标签基本使用
08 Minuten10 Sekunden; 表头单元格标签
02 Minuten30 Sekunden; 表格相关属性（了解）
08 Minuten24 Sekunden; 小说排行榜案例
09 Minuten25 Sekunden; 表格结构标签
04 Minuten45 Sekunden; 合并单元格
08 Minuten30 Sekunden; 表格总结
03 Minuten46 Sekunden
Kapitel8HTML-Liste: 无序列表
08 Minuten44 Sekunden; 有序列表
03 Minuten16 Sekunden; 自定义列表
06 Minuten37 Sekunden; 列表总结
02 Minuten52 Sekunden
Kapitel9HTML-Formular: 表单使用场景以及分类
04 Minuten19 Sekunden; 表单域
05 Minuten25 Sekunden; input之type属性文本框和密码框
06 Minuten32 Sekunden; input之type属性单选按钮和复选框
04 Minuten36 Sekunden; input之name和value属性
05 Minuten49 Sekunden; input之checked和maxlength属性
03 Minuten32 Sekunden; input表单元素四个属性使用场景课堂问答
03 Minuten03 Sekunden; input之type属性提交和重置按钮
06 Minuten27 Sekunden; input之type属性普通按钮和文件域
04 Minuten13 Sekunden; label标签
06 Minuten08 Sekunden; select下拉表单
05 Minuten41 Sekunden; textarea文本域标签
05 Minuten13 Sekunden; 表单元素几点总结
02 Minuten50 Sekunden
Kapitel10Umfangreicher Fall: 注册页面（一）
08 Minuten23 Sekunden; 注册页面（二）
08 Minuten58 Sekunden; 注册页面（三）
05 Minuten23 Sekunden; 注册页面（四）
03 Minuten59 Sekunden; 学会查阅文档
06 Minuten14 Sekunden
Kapitel11Einführung in die CSS-Cascading-Demotabelle: CSS层叠样式表导读
01 Minuten08 Sekunden; CSS简介
05 Minuten09 Sekunden
Kapitel12CSS-Syntaxspezifikationen und Codestil: 体验CSS语法规范
07 Minuten17 Sekunden; CSS代码风格
04 Minuten42 Sekunden
Kapitel13CSS-Selektor: css选择器的作用
03 Minuten34 Sekunden; 标签选择器
06 Minuten01 Sekunden; 类选择器
10 Minuten31 Sekunden; 使用类选择器画盒子
05 Minuten17 Sekunden; 类选择器特殊使用-多类名
08 Minuten02 Sekunden; id选择器
06 Minuten23 Sekunden; 通配符选择器
05 Minuten04 Sekunden
Kapitel14CSS-Schriftart: font-family设置字体系列
07 Minuten39 Sekunden; font-size字号大小
04 Minuten01 Sekunden; font-weight字体粗细
08 Minuten09 Sekunden; font-style字体样式
03 Minuten06 Sekunden; font复合属性写法
07 Minuten46 Sekunden; 字体属性总结
03 Minuten01 Sekunden
Kapitel15CSStext: 文本颜色color
05 Minuten57 Sekunden; 文本对齐text-align
03 Minuten06 Sekunden; 文本装饰text-decoration
05 Minuten04 Sekunden; 文本缩进text-indent
05 Minuten26 Sekunden; 行间距line-height
08 Minuten09 Sekunden; css文本属性总结
03 Minuten01 Sekunden
Kapitel16CSS-Stylesheet: 内部样式表
04 Minuten25 Sekunden; 行内样式表
04 Minuten05 Sekunden; 外部样式表
05 Minuten04 Sekunden; css引入方式总结
02 Minuten11 Sekunden
Kapitel17Umfangreicher Fall: 新闻页面
06 Minuten03 Sekunden; 修改样式（一）
04 Minuten45 Sekunden; 修改样式（二）
07 Minuten40 Sekunden; 修改样式（三）
03 Minuten09 Sekunden; chrome调试工具使用
07 Minuten04 Sekunden
Kapitel18Emmet-Syntax: css第二天导读
01 Minuten29 Sekunden; emmet语法生成html标签
09 Minuten57 Sekunden; emmet语法快速生成css样式
03 Minuten08 Sekunden; 快速格式化代码
05 Minuten27 Sekunden
Kapitel19Verbindungsselektor: 复合选择器简介
01 Minuten36 Sekunden; 后代选择器
08 Minuten57 Sekunden; 子元素选择器
03 Minuten18 Sekunden; 课堂练习
02 Minuten54 Sekunden; 并集选择器
06 Minuten14 Sekunden; 链接伪类选择器（上）
09 Minuten39 Sekunden; 链接伪类选择器（下）
05 Minuten36 Sekunden; focus伪类选择器
03 Minuten01 Sekunden; 复合选择器总结
03 Minuten03 Sekunden
Kapitel20Elementanzeigemodus: 什么是元素显示模式
04 Minuten16 Sekunden; 块元素
06 Minuten38 Sekunden; 行内元素
05 Minuten32 Sekunden; 行内块元素
03 Minuten39 Sekunden; 元素显示模式总结
03 Minuten22 Sekunden; 显示模式的转换
08 Minuten12 Sekunden
Kapitel21Kleiner Sidebar-Koffer: 一个小工具snipaste的使用
04 Minuten44 Sekunden; 简洁版小米侧边栏案例
07 Minuten29 Sekunden; 单行文字垂直居中的原理
07 Minuten07 Sekunden; 背景颜色
03 Minuten59 Sekunden; 背景图片
04 Minuten22 Sekunden; 背景平铺
05 Minuten12 Sekunden; 背景位置-方位名词
07 Minuten29 Sekunden; 背景位置案例一
06 Minuten57 Sekunden; 背景位置案例二-王者荣耀背景图片
04 Minuten57 Sekunden; 背景位置-精确单位
04 Minuten01 Sekunden; 背景位置-混合单位
04 Minuten07 Sekunden; 背景固定
04 Minuten20 Sekunden; 背景属性复合写法
03 Minuten03 Sekunden; 背景颜色半透明
06 Minuten28 Sekunden; 背景总结
03 Minuten40 Sekunden; 综合案例五-彩导航（上）
07 Minuten01 Sekunden; 综合案例五-彩导航（二）
03 Minuten34 Sekunden
Kapitel22Drei Hauptmerkmale von CSS: 层叠性
04 Minuten18 Sekunden; 继承性
04 Minuten40 Sekunden; 行高的继承
09 Minuten31 Sekunden; 优先级
06 Minuten31 Sekunden; 优先级注意的问题
07 Minuten42 Sekunden; CSS权重的叠加
06 Minuten47 Sekunden; 权重两个练习题
05 Minuten25 Sekunden
Kapitel23Boxmodell: 盒子模型导读
01 Minuten13 Sekunden; 看透网页布局本质
03 Minuten56 Sekunden; 盒子模型组成部分
03 Minuten33 Sekunden; 盒子模型边框border
07 Minuten31 Sekunden; 边框的复合写法
07 Minuten49 Sekunden; 表格细线边框
05 Minuten29 Sekunden; 边框会影响盒子实际大小
03 Minuten40 Sekunden; 盒子模型内边距padding
04 Minuten05 Sekunden; padding复合属性
06 Minuten02 Sekunden; padding会影响盒子实际大小
04 Minuten45 Sekunden; padding应用-新浪导航栏（上）
06 Minuten09 Sekunden; padding应用-新浪导航（下）
05 Minuten47 Sekunden; 小米侧边栏修改
02 Minuten56 Sekunden; padding不会撑开盒子的情况
04 Minuten53 Sekunden; 盒子模型外边距margin
06 Minuten31 Sekunden; 外边距典型应用--块级盒子水平居中对齐
03 Minuten39 Sekunden; 行内元素和行内块元素水平居中
02 Minuten41 Sekunden; 外边距合并-相邻块元素垂直外边距
04 Minuten14 Sekunden; 外边距合并-嵌套块元素塌陷
06 Minuten01 Sekunden; 清除内外边距
04 Minuten51 Sekunden
Kapitel24Umfangreicher Fall: ps的基本操作
05 Minuten36 Sekunden; 综合案例-产品模块布局分析
02 Minuten14 Sekunden; 综合案例-box布局
03 Minuten38 Sekunden; 综合案例-图片和段落制作
06 Minuten05 Sekunden; 综合案例-评价和详情制作
06 Minuten28 Sekunden; 综合案例-竖线细节制作
04 Minuten11 Sekunden; 老师解惑
05 Minuten15 Sekunden; 快报模块布局分析
02 Minuten11 Sekunden; 快报模块头部制作
06 Minuten15 Sekunden; 快报模块列表制作
07 Minuten39 Sekunden
Kapitel25abgerundeter Rand: 圆角边框原理
06 Minuten20 Sekunden; 圆角边框的使用
07 Minuten43 Sekunden
Kapitel26Schatten: 盒子阴影
09 Minuten04 Sekunden; 文字阴影
01 Minuten54 Sekunden
Kapitel27schweben: 浮动导读
02 Minuten05 Sekunden; 传统网页布局三种方式
04 Minuten43 Sekunden; 为什么需要浮动
05 Minuten16 Sekunden; 什么是浮动
04 Minuten46 Sekunden; 浮动特性-脱标
06 Minuten33 Sekunden; 浮动特性-浮动元素一行显示
03 Minuten48 Sekunden; 浮动特性-浮动元素具有行内块特性
04 Minuten52 Sekunden; 浮动元素经常搭配标准流的父元素
03 Minuten09 Sekunden; 浮动布局练习-1
04 Minuten04 Sekunden; 浮动布局练习-2
09 Minuten17 Sekunden; 浮动练习-手机模块（上）
06 Minuten05 Sekunden; 浮动练习-手机模块（下）
05 Minuten00 Sekunden; 常见的网页布局
10 Minuten39 Sekunden; 浮动的两个注意点
07 Minuten47 Sekunden
Kapitel28klarer Schwimmer: 为什么清除浮动
10 Minuten17 Sekunden; 清除浮动本质以及额外标签法
07 Minuten51 Sekunden; 清除浮动之父元素overflow
02 Minuten33 Sekunden; 清除浮动之after伪元素
05 Minuten04 Sekunden; 清除浮动之双伪元素
03 Minuten02 Sekunden; 清除浮动
02 Minuten49 Sekunden
Kapitel29PS Bild ausschneiden: 常见的图片格式
03 Minuten44 Sekunden; 图层切图（上）
04 Minuten48 Sekunden; 图层切图（下）
04 Minuten59 Sekunden; 切片工具
07 Minuten19 Sekunden; cutterman安装
04 Minuten35 Sekunden; cutterman使用技巧
06 Minuten04 Sekunden
Kapitel30Xuecheng Online-Fall: 准备工作
06 Minuten40 Sekunden; css属性书写顺序（重要）
04 Minuten56 Sekunden; 页面布局整体思路
05 Minuten30 Sekunden; header区域制作
08 Minuten08 Sekunden; logo区域制作
04 Minuten40 Sekunden; 导航栏nav区域制作（上）
06 Minuten24 Sekunden; 导航栏nav区域制作（中）
05 Minuten59 Sekunden; 导航栏nav区域制作（下）
02 Minuten54 Sekunden; 搜索search模块input制作
08 Minuten36 Sekunden; 搜索search模块button制作
05 Minuten27 Sekunden; 用户user模块制作
04 Minuten55 Sekunden; banner模块制作
06 Minuten31 Sekunden; subnav模块制作（上）
05 Minuten56 Sekunden; subnav模块制作（下）
03 Minuten17 Sekunden; course模块制作（上）
04 Minuten29 Sekunden; course模块制作（中）
03 Minuten20 Sekunden; course模块制作（下）
07 Minuten35 Sekunden; 精品推荐模块（上）
03 Minuten42 Sekunden; 精品推荐模块（中）
03 Minuten34 Sekunden; 精品推荐模块（下）
04 Minuten51 Sekunden; box-hd模块制作
07 Minuten22 Sekunden; box-bd模块制作
05 Minuten41 Sekunden; box模块完成
05 Minuten54 Sekunden; footer模块制作
04 Minuten46 Sekunden; copyright模块制作
06 Minuten15 Sekunden; links模块制作
04 Minuten35 Sekunden
Kapitel31Position: 定位导读
00 Minuten59 Sekunden; 为什么需要定位
03 Minuten43 Sekunden; 定位组成
04 Minuten11 Sekunden; 相对定位
08 Minuten16 Sekunden; 绝对定位-没有父级或者父级无定位情况
07 Minuten16 Sekunden; 绝对定位-父级有定位情况
06 Minuten04 Sekunden; 绝对定位脱标的不占有原来位置
02 Minuten07 Sekunden; 子绝父相的由来
07 Minuten07 Sekunden; 子绝父相案例-hot模块
07 Minuten47 Sekunden; 固定定位
07 Minuten26 Sekunden; 固定定位小技巧-固定到版心右侧
06 Minuten30 Sekunden; 粘性定位（了解）
05 Minuten10 Sekunden; 定位总结
02 Minuten42 Sekunden; 定位的叠放顺序
07 Minuten18 Sekunden; 绝对定位的盒子居中算法
07 Minuten45 Sekunden; 定位的特殊特性
02 Minuten47 Sekunden; 浮动元素不会压住标准流的文字定位会
05 Minuten09 Sekunden
Kapitel32Taobao-Fokuskarte: 布局分析
03 Minuten07 Sekunden; 大盒子制作; 左侧箭头按钮制作
07 Minuten45 Sekunden; 右侧箭头按钮制作; ul盒子模块制作; li小圆点模块制作; 网页布局总结
Kapitel33Kartoffelkiste: display显示隐藏元素
06 Minuten39 Sekunden; visibility显示隐藏元素; overflow溢出显示隐藏; 土豆案例（上）; 土豆案例（下）
Kapitel34Erweiterte CSS-Tipps: 导读
01 Minuten25 Sekunden; 为什么需要精灵技术
04 Minuten57 Sekunden; 精灵图使用（原理）
06 Minuten18 Sekunden; 精灵图使用（代码）
06 Minuten30 Sekunden; 精灵图案例-拼出自己名字
07 Minuten32 Sekunden; 字体图标产生和优点
05 Minuten10 Sekunden; 字体图标下载
05 Minuten50 Sekunden; 字体图标的使用
08 Minuten20 Sekunden; 字体图标的追加和加载原理
04 Minuten06 Sekunden; CSS三角的做法
05 Minuten14 Sekunden; CSS三角应用-京东效果
03 Minuten48 Sekunden; 用户界面-鼠标样式; 用户界面-取消表单轮廓和防止拖拽文本域; vertical-align实现行内块和文字垂直居中对齐; 图片底侧空白缝隙解决方案; 单行文字溢出省略号显示; 多行文字溢出省略号显示; 布局技巧-margin负值巧妙运用（上）; 布局技巧-margin负值巧妙运用（下）; 布局技巧-文字围绕浮动元素巧妙运用; 布局技巧-行内块的巧妙运用; 布局技巧-CSS三角巧妙运用（上）; 布局技巧-CSS三角巧妙运用（下）; CSS初始化
Kapitel35HTML5 neu: HTML5CSS3提高导读; 新增语义化标签; 新增视频标签; 新增音频标签; 新增input表单; 新增表单属性
Kapitel36Neu in CSS3: 属性选择器（上）; 属性选择器（下）; 结构伪类选择器-选择第n个元素; nth-child选择器（上）; nth-child选择器（下）; nth-child和nth-of-type的区别; 伪元素选择器使用场景和由来; 伪元素选择器基本使用; 伪元素选择器使用场景-配合字体图标; 伪元素使用场景-仿土豆效果; 伪元素选择器-伪元素清除浮动本质; CSS3盒子模型border-box; CSS3图片模糊处理; 计算盒子宽度calc函数; CSS3新增属性过渡（上）; CSS3新增属性过渡（下）; CSS3过渡练习; 广义的H5（了解）
Kapitel37Pinyougou-Projekt: 导读
00 Minuten48 Sekunden; 网站制作流程
05 Minuten05 Sekunden; 品优购项目规划; 品优购项目搭建; 品优购项目-样式的模块化开发; 品优购项目-favicon图标制作; 品优购项目-TDK三大标签SEO优化; 品优购首页-快捷导航shortcut结构搭建; 品优购首页-快捷导航左侧制作; 品优购首页-快捷导航右侧搭建; 品优购首页-快捷导航右侧字体图标; 品优购首页-header头部模块搭建
04 Minuten30 Sekunden; 品优购首页-logoSEO优化（上）
06 Minuten54 Sekunden; 品优购首页-logoSEO优化（下）
04 Minuten21 Sekunden; 品优购首页-search搜索模块（上）
06 Minuten14 Sekunden; 品优购首页-search搜索模块（下）; 品优购首页-hotwords热词模块; 品优购首页-shopcar模块制作; 品优购首页-count购物车统计模块; 品优购首页-nav导航模块搭建; 品优购首页-dropdown模块制作; 品优购首页-导航详细分类制作（上）; 品优购首页-导航详细分类制作（下）; 品优购首页-navitems模块制作; 品优购首页-footer底部模块搭建; 品优购首页-mod-servecie模块制作（上）; 品优购首页-mod-servecie模块制作（下）; 品优购首页-mod_help模块制作; 品优购首页-mod_copyright模块制作; 品优购首页-main主体盒子搭建; 品优购首页-newsflash模块; 品优购首页-news-hd模块制作; 品优购首页-new-bd模块制作; 品优购首页-lifeservice制作（上）
06 Minuten30 Sekunden; 品优购首页-lifeservice制作（下）
07 Minuten04 Sekunden; 品优购首页-推荐模块recom（上）; 品优购首页-推荐模块recom（下）; 品优购首页-家用电器模块搭建; 品优购首页-家用电器模块头部制作; tab栏选项卡原理布局需求; 品优购首页-tab_list-item布局（上）; 品优购首页-tab_list-item布局（中）; 品优购首页-tab_list-item布局（下）; 品优购列表-结构搭建; 品优购列表页-秒杀模块制作; 品优购列表页-导航模块修改; 品优购列表页-一个小问题; 品优购列表页-结束; 品优购注册页-header制作; 品优购列表页-注册主体模块头部制作; 品优购注册页-注册主体制作（上）; 品优购注册页-注册主体制作（下）
04 Minuten45 Sekunden; 品优购注册页-安全程度模块; 品优购注册页-同意模块和完成注册模块; 品优购项目页面相互跳转以及作业安排; 什么是服务器; 申请免费空间以及网站上传

前端小白零基础入门HTML5+CSS3

Über den Lehrer

Chinesische PHP-Website