列表总结登陆

下一节课程: 表单使用场景以及分类(150次播放)

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

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

难度:初级共205节19734次学习
章节评论笔记课件
第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区域制作

全部评论我要评论

暂无评论~

全部笔记发布笔记

暂无笔记~
  • 取消回复发送
  • 取消发布笔记发送
  • PHP中文网