搜索

下一节: 注册页面(二)946 次播放

5 秒后自动播放下一节
  重新观看

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

介绍 >
章节课件
第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秒

注释标签和特殊字符

08分钟18秒
第6章综合案例

综合案例(上)

10分钟36秒

综合案例(下)

05分钟13秒
第7章HTML表格

HTML标签(下)导读

01分钟11秒

表格标签基本使用

08分钟10秒

表头单元格标签

02分钟30秒

表格相关属性(了解)

08分钟24秒

小说排行榜案例

09分钟25秒

表格结构标签

04分钟45秒

合并单元格

08分钟30秒

表格总结

03分钟46秒
第8章HTML列表

无序列表

08分钟44秒

有序列表

03分钟16秒

自定义列表

06分钟37秒

列表总结

02分钟52秒
第9章HTML表单

表单使用场景以及分类

04分钟19秒

表单域

05分钟25秒

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

06分钟32秒

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

04分钟36秒

input之name和value属性

05分钟49秒

input之checked和maxlength属性

03分钟32秒

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

03分钟03秒

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

06分钟27秒

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

04分钟13秒

label标签

06分钟08秒

select下拉表单

05分钟41秒

textarea文本域标签

05分钟13秒

表单元素几点总结

02分钟50秒
第10章综合案例

注册页面(一)

08分钟23秒

注册页面(二)

08分钟58秒

注册页面(三)

05分钟23秒

注册页面(四)

03分钟59秒

学会查阅文档

06分钟14秒
第11章css层叠演示表简介

CSS层叠样式表导读

01分钟08秒

CSS简介

05分钟09秒
第12章css语法规范与代码风格

体验CSS语法规范

07分钟17秒

CSS代码风格

04分钟42秒
第13章css选择器

css选择器的作用

03分钟34秒

标签选择器

06分钟01秒

类选择器

10分钟31秒

使用类选择器画盒子

05分钟17秒

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

08分钟02秒

id选择器

06分钟23秒

通配符选择器

05分钟04秒
第14章css字体

font-family设置字体系列

07分钟39秒

font-size字号大小

04分钟01秒

font-weight字体粗细

08分钟09秒

font-style字体样式

03分钟06秒

font复合属性写法

07分钟46秒

字体属性总结

03分钟01秒
第15章css文本

文本颜色color

05分钟57秒

文本对齐text-align

03分钟06秒

文本装饰text-decoration

05分钟04秒

文本缩进text-indent

05分钟26秒

行间距line-height

08分钟09秒

css文本属性总结

03分钟01秒
第16章css样式表

内部样式表

04分钟25秒

行内样式表

04分钟05秒

外部样式表

05分钟04秒

css引入方式总结

02分钟11秒
第17章综合案例

新闻页面

06分钟03秒

修改样式(一)

04分钟45秒

修改样式(二)

07分钟40秒

修改样式(三)

03分钟09秒

chrome调试工具使用

07分钟04秒
第18章emmet语法

css第二天导读

01分钟29秒

emmet语法生成html标签

09分钟57秒

emmet语法快速生成css样式

03分钟08秒

快速格式化代码

05分钟27秒
第19章复合选择器

复合选择器简介

01分钟36秒

后代选择器

08分钟57秒

子元素选择器

03分钟18秒

课堂练习

02分钟54秒

并集选择器

06分钟14秒

链接伪类选择器(上)

09分钟39秒

链接伪类选择器(下)

05分钟36秒

focus伪类选择器

03分钟01秒

复合选择器总结

03分钟03秒
第20章元素显示模式

什么是元素显示模式

04分钟16秒

块元素

06分钟38秒

行内元素

05分钟32秒

行内块元素

03分钟39秒

元素显示模式总结

03分钟22秒

显示模式的转换

08分钟12秒
第21章侧边栏小案例

一个小工具snipaste的使用

04分钟44秒

简洁版小米侧边栏案例

07分钟29秒

单行文字垂直居中的原理

07分钟07秒

背景颜色

03分钟59秒

背景图片

04分钟22秒

背景平铺

05分钟12秒

背景位置-方位名词

07分钟29秒

背景位置案例一

06分钟57秒

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

04分钟57秒

背景位置-精确单位

04分钟01秒

背景位置-混合单位

04分钟07秒

背景固定

04分钟20秒

背景属性复合写法

03分钟03秒

背景颜色半透明

06分钟28秒

背景总结

03分钟40秒

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

07分钟01秒

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

03分钟34秒
第22章CSS三大特性

层叠性

04分钟18秒

继承性

04分钟40秒

行高的继承

09分钟31秒

优先级

06分钟31秒

优先级注意的问题

07分钟42秒

CSS权重的叠加

06分钟47秒

权重两个练习题

05分钟25秒
第23章盒子模型

盒子模型导读

01分钟13秒

看透网页布局本质

03分钟56秒

盒子模型组成部分

03分钟33秒

盒子模型边框border

07分钟31秒

边框的复合写法

07分钟49秒

表格细线边框

05分钟29秒

边框会影响盒子实际大小

03分钟40秒

盒子模型内边距padding

04分钟05秒

padding复合属性

06分钟02秒

padding会影响盒子实际大小

04分钟45秒

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

06分钟09秒

padding应用-新浪导航(下)

05分钟47秒

小米侧边栏修改

02分钟56秒

padding不会撑开盒子的情况

04分钟53秒

盒子模型外边距margin

06分钟31秒

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

03分钟39秒

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

02分钟41秒

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

04分钟14秒

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

06分钟01秒

清除内外边距

04分钟51秒
第24章综合案例

ps的基本操作

05分钟36秒

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

02分钟14秒

综合案例-box布局

03分钟38秒

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

06分钟05秒

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

06分钟28秒

综合案例-竖线细节制作

04分钟11秒

老师解惑

05分钟15秒

快报模块布局分析

02分钟11秒

快报模块头部制作

06分钟15秒

快报模块列表制作

07分钟39秒
第25章圆角边框

圆角边框原理

06分钟20秒

圆角边框的使用

07分钟43秒
第26章阴影

盒子阴影

09分钟04秒

文字阴影

01分钟54秒
第27章浮动

浮动导读

02分钟05秒

传统网页布局三种方式

04分钟43秒

为什么需要浮动

05分钟16秒

什么是浮动

04分钟46秒

浮动特性-脱标

06分钟33秒

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

03分钟48秒

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

04分钟52秒

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

03分钟09秒

浮动布局练习-1

04分钟04秒

浮动布局练习-2

09分钟17秒

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

06分钟05秒

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

05分钟00秒

常见的网页布局

10分钟39秒

浮动的两个注意点

07分钟47秒
第28章清除浮动

为什么清除浮动

10分钟17秒

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

07分钟51秒

清除浮动之父元素overflow

02分钟33秒

清除浮动之after伪元素

05分钟04秒

清除浮动之双伪元素

03分钟02秒

清除浮动

02分钟49秒
第29章ps切图

常见的图片格式

03分钟44秒

图层切图(上)

04分钟48秒

图层切图(下)

04分钟59秒

切片工具

07分钟19秒

cutterman安装

04分钟35秒

cutterman使用技巧

06分钟04秒
第30章学成在线案例

准备工作

06分钟40秒

css属性书写顺序(重要)

04分钟56秒

页面布局整体思路

05分钟30秒

header区域制作

08分钟08秒

logo区域制作

04分钟40秒

导航栏nav区域制作(上)

06分钟24秒

导航栏nav区域制作(中)

05分钟59秒

导航栏nav区域制作(下)

02分钟54秒

搜索search模块input制作

08分钟36秒

搜索search模块button制作

05分钟27秒

用户user模块制作

04分钟55秒

banner模块制作

06分钟31秒

subnav模块制作(上)

05分钟56秒

subnav模块制作(下)

03分钟17秒

course模块制作(上)

04分钟29秒

course模块制作(中)

03分钟20秒

course模块制作(下)

07分钟35秒

精品推荐模块(上)

03分钟42秒

精品推荐模块(中)

03分钟34秒

精品推荐模块(下)

04分钟51秒

box-hd模块制作

07分钟22秒

box-bd模块制作

05分钟41秒

box模块完成

05分钟54秒

footer模块制作

04分钟46秒

copyright模块制作

06分钟15秒

links模块制作

04分钟35秒
第31章定位

定位导读

00分钟59秒

为什么需要定位

03分钟43秒

定位组成

04分钟11秒

相对定位

08分钟16秒

绝对定位-没有父级或者父级无定位情况

07分钟16秒

绝对定位-父级有定位情况

06分钟04秒

绝对定位脱标的不占有原来位置

02分钟07秒

子绝父相的由来

07分钟07秒

子绝父相案例-hot模块

07分钟47秒

固定定位

07分钟26秒

固定定位小技巧-固定到版心右侧

06分钟30秒

粘性定位(了解)

05分钟10秒

定位总结

02分钟42秒

定位的叠放顺序

07分钟18秒

绝对定位的盒子居中算法

07分钟45秒

定位的特殊特性

02分钟47秒

浮动元素不会压住标准流的文字定位会

05分钟09秒
第32章淘宝焦点图

布局分析

03分钟07秒

大盒子制作

左侧箭头按钮制作

07分钟45秒

右侧箭头按钮制作

ul盒子模块制作

li小圆点模块制作

网页布局总结

第33章土豆案例

display显示隐藏元素

06分钟39秒

visibility显示隐藏元素

overflow溢出显示隐藏

土豆案例(上)

土豆案例(下)

第34章CSS高级技巧

导读

01分钟25秒

为什么需要精灵技术

04分钟57秒

精灵图使用(原理)

06分钟18秒

精灵图使用(代码)

06分钟30秒

精灵图案例-拼出自己名字

07分钟32秒

字体图标产生和优点

05分钟10秒

字体图标下载

05分钟50秒

字体图标的使用

08分钟20秒

字体图标的追加和加载原理

04分钟06秒

CSS三角的做法

05分钟14秒

CSS三角应用-京东效果

03分钟48秒

用户界面-鼠标样式

用户界面-取消表单轮廓和防止拖拽文本域

vertical-align实现行内块和文字垂直居中对齐

图片底侧空白缝隙解决方案

单行文字溢出省略号显示

多行文字溢出省略号显示

布局技巧-margin负值巧妙运用(上)

布局技巧-margin负值巧妙运用(下)

布局技巧-文字围绕浮动元素巧妙运用

布局技巧-行内块的巧妙运用

布局技巧-CSS三角巧妙运用(上)

布局技巧-CSS三角巧妙运用(下)

CSS初始化

第35章HTML5新增

HTML5CSS3提高导读

新增语义化标签

新增视频标签

新增音频标签

新增input表单

新增表单属性

第36章CSS3新增

属性选择器(上)

属性选择器(下)

结构伪类选择器-选择第n个元素

nth-child选择器(上)

nth-child选择器(下)

nth-child和nth-of-type的区别

伪元素选择器使用场景和由来

伪元素选择器基本使用

伪元素选择器使用场景-配合字体图标

伪元素使用场景-仿土豆效果

伪元素选择器-伪元素清除浮动本质

CSS3盒子模型border-box

CSS3图片模糊处理

计算盒子宽度calc函数

CSS3新增属性过渡(上)

CSS3新增属性过渡(下)

CSS3过渡练习

广义的H5(了解)

第37章品优购项目

导读

00分钟48秒

网站制作流程

05分钟05秒

品优购项目规划

品优购项目搭建

品优购项目-样式的模块化开发

品优购项目-favicon图标制作

品优购项目-TDK三大标签SEO优化

品优购首页-快捷导航shortcut结构搭建

品优购首页-快捷导航左侧制作

品优购首页-快捷导航右侧搭建

品优购首页-快捷导航右侧字体图标

品优购首页-header头部模块搭建

04分钟30秒

品优购首页-logoSEO优化(上)

06分钟54秒

品优购首页-logoSEO优化(下)

04分钟21秒

品优购首页-search搜索模块(上)

06分钟14秒

品优购首页-search搜索模块(下)

品优购首页-hotwords热词模块

品优购首页-shopcar模块制作

品优购首页-count购物车统计模块

品优购首页-nav导航模块搭建

品优购首页-dropdown模块制作

品优购首页-导航详细分类制作(上)

品优购首页-导航详细分类制作(下)

品优购首页-navitems模块制作

品优购首页-footer底部模块搭建

品优购首页-mod-servecie模块制作(上)

品优购首页-mod-servecie模块制作(下)

品优购首页-mod_help模块制作

品优购首页-mod_copyright模块制作

品优购首页-main主体盒子搭建

品优购首页-newsflash模块

品优购首页-news-hd模块制作

品优购首页-new-bd模块制作

品优购首页-lifeservice制作(上)

06分钟30秒

品优购首页-lifeservice制作(下)

07分钟04秒

品优购首页-推荐模块recom(上)

品优购首页-推荐模块recom(下)

品优购首页-家用电器模块搭建

品优购首页-家用电器模块头部制作

tab栏选项卡原理布局需求

品优购首页-tab_list-item布局(上)

品优购首页-tab_list-item布局(中)

品优购首页-tab_list-item布局(下)

品优购列表-结构搭建

品优购列表页-秒杀模块制作

品优购列表页-导航模块修改

品优购列表页-一个小问题

品优购列表页-结束

品优购注册页-header制作

品优购列表页-注册主体模块头部制作

品优购注册页-注册主体制作(上)

品优购注册页-注册主体制作(下)

04分钟45秒

品优购注册页-安全程度模块

品优购注册页-同意模块和完成注册模块

品优购项目页面相互跳转以及作业安排

什么是服务器

申请免费空间以及网站上传

  • 取消回复发送
  • 取消发布笔记发送