• 课程 / HTML5

    [更新中]前端小白零基础入门HTML5+CSS3

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

    立即报名
    介绍章节评论课件
    1、web端布局:先讲解HTML5常用标签,接着讲解CSS3常见样式增加的H5C3新特性,新语法,最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。 2、移动端布局:主要讲解视口、二倍图、流失布局,flex布局,rem布局,响应式布局,还会增加摹客使用等工具。
  • 难度:初级
  • 共205章节
  • 20535次播放
  • 第1章 课程导读与计算机基本知识

    学习路线

    03:54

    HTML简介

    00:36

    网页的相关概念

    07:44

    常用浏览器以及内核

    04:44

    web标准

    07:32
    第2章 HTML基本语法与结构

    HTML标签导读

    01:01

    HTML语法规范

    07:11

    HTML基本结构标签

    07:15

    VSCode工具创建页面

    06:36

    DOCTYPE和lang以及字符集的作用

    08:56
    第3章 HTML标签

    标签语义

    02:22

    标题标签

    05:14

    段落标签和换行标签

    06:23

    体育新闻案例

    04:24

    文本格式化标签

    07:57

    div和span标签

    04:43

    图像标签(上)

    09:13

    图像标签(下)

    04:14

    图像标签注意点

    02:47
    第4章 相对路径与绝对路径

    目录文件夹和根目录

    06:30

    相对路径(上)

    06:07

    相对路径(下)

    02:56

    绝对路径

    03:20
    第5章 链接与锚点

    链接标签(上)

    08:38

    链接标签(下)

    09:16

    锚点链接

    07:02

    注释标签和特殊字符

    第6章 综合案例

    综合案例(上)

    10:36

    综合案例(下)

    第7章 HTML表格

    HTML标签(下)导读

    表格标签基本使用

    表头单元格标签

    表格相关属性(了解)

    小说排行榜案例

    表格结构标签

    04:45

    合并单元格

    表格总结

    第8章 HTML列表

    无序列表

    有序列表

    自定义列表

    列表总结

    第9章 HTML表单

    表单使用场景以及分类

    04:19

    表单域

    05:25

    input之type属性文本框和密码框

    input之type属性单选按钮和复选框

    input之name和value属性

    input之checked和maxlength属性

    input表单元素四个属性使用场景课堂问答

    input之type属性提交和重置按钮

    input之type属性普通按钮和文件域

    label标签

    select下拉表单

    textarea文本域标签

    表单元素几点总结

    第10章 综合案例

    注册页面(一)

    注册页面(二)

    注册页面(三)

    注册页面(四)

    学会查阅文档

    06:14
    第11章 css层叠演示表简介

    CSS层叠样式表导读

    CSS简介

    第12章 css语法规范与代码风格

    体验CSS语法规范

    CSS代码风格

    第13章 css选择器

    css选择器的作用

    标签选择器

    类选择器

    使用类选择器画盒子

    类选择器特殊使用-多类名

    id选择器

    通配符选择器

    第14章 css字体

    font-family设置字体系列

    font-size字号大小

    font-weight字体粗细

    font-style字体样式

    font复合属性写法

    字体属性总结

    第15章 css文本

    文本颜色color

    05:57

    文本对齐text-align

    03:06

    文本装饰text-decoration

    05:04

    文本缩进text-indent

    05:26

    行间距line-height

    css文本属性总结

    第16章 css样式表

    内部样式表

    行内样式表

    外部样式表

    css引入方式总结

    第17章 综合案例

    新闻页面

    06:03

    修改样式(一)

    修改样式(二)

    修改样式(三)

    chrome调试工具使用

    07:04
    第18章 emmet语法

    css第二天导读

    emmet语法生成html标签

    emmet语法快速生成css样式

    快速格式化代码

    第19章 复合选择器

    复合选择器简介

    后代选择器

    子元素选择器

    课堂练习

    并集选择器

    链接伪类选择器(上)

    链接伪类选择器(下)

    focus伪类选择器

    复合选择器总结

    第20章 元素显示模式

    什么是元素显示模式

    块元素

    行内元素

    行内块元素

    元素显示模式总结

    显示模式的转换

    第21章 侧边栏小案例

    一个小工具snipaste的使用

    简洁版小米侧边栏案例

    单行文字垂直居中的原理

    背景颜色

    背景图片

    04:22

    背景平铺

    背景位置-方位名词

    07:29

    背景位置案例一

    06:57

    背景位置案例二-王者荣耀背景图片

    04:57

    背景位置-精确单位

    04:01

    背景位置-混合单位

    04:07

    背景固定

    04:20

    背景属性复合写法

    背景颜色半透明

    背景总结

    综合案例五-彩导航(上)

    综合案例五-彩导航(二)

    03:34
    第22章 CSS三大特性

    层叠性

    继承性

    行高的继承

    优先级

    优先级注意的问题

    CSS权重的叠加

    权重两个练习题

    第23章 盒子模型

    盒子模型导读

    看透网页布局本质

    盒子模型组成部分

    盒子模型边框border

    边框的复合写法

    表格细线边框

    边框会影响盒子实际大小

    盒子模型内边距padding

    padding复合属性

    padding会影响盒子实际大小

    padding应用-新浪导航栏(上)

    padding应用-新浪导航(下)

    小米侧边栏修改

    padding不会撑开盒子的情况

    盒子模型外边距margin

    外边距典型应用--块级盒子水平居中对齐

    行内元素和行内块元素水平居中

    外边距合并-相邻块元素垂直外边距

    外边距合并-嵌套块元素塌陷

    清除内外边距

    第24章 综合案例

    ps的基本操作

    综合案例-产品模块布局分析

    综合案例-box布局

    综合案例-图片和段落制作

    综合案例-评价和详情制作

    综合案例-竖线细节制作

    老师解惑

    快报模块布局分析

    快报模块头部制作

    快报模块列表制作

    第25章 圆角边框

    圆角边框原理

    圆角边框的使用

    第26章 阴影

    盒子阴影

    文字阴影

    第27章 浮动

    浮动导读

    传统网页布局三种方式

    为什么需要浮动

    什么是浮动

    浮动特性-脱标

    浮动特性-浮动元素一行显示

    浮动特性-浮动元素具有行内块特性

    浮动元素经常搭配标准流的父元素

    浮动布局练习-1

    浮动布局练习-2

    浮动练习-手机模块(上)

    浮动练习-手机模块(下)

    常见的网页布局

    浮动的两个注意点

    第28章 清除浮动

    为什么清除浮动

    清除浮动本质以及额外标签法

    清除浮动之父元素overflow

    清除浮动之after伪元素

    清除浮动之双伪元素

    清除浮动

    第29章 ps切图

    常见的图片格式

    图层切图(上)

    图层切图(下)

    切片工具

    cutterman安装

    cutterman使用技巧

    第30章 学成在线案例

    准备工作

    css属性书写顺序(重要)

    页面布局整体思路

    header区域制作

    logo区域制作

    讲师介绍

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

    1、web端布局:先讲解HTML5常用标签,接着讲解CSS3常见样式增加的H5C3新特性,新语法,最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。 2、移动端布局:主要讲解视口、二倍图、流失布局,flex布局,rem布局,响应式布局,还会增加摹客使用等工具。

    全部评论我要评论

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