小小千想和您聊一聊

当前位置: 首页> 视频教程> Web前端入门教程+学习资料【完结】

Web前端入门教程+学习资料【完结】初级

   评分9.7

157节课

84759人已学

下载本章视频你能学到什么?

HTML入门、文本、图像、链接、表格、列表、表单、盒模型等基础知识。
CSS基础语法、文本属性、段落属性、背景属性、布局、选择器、浮动与定位、CSS浏览器兼容性、动画、过渡、2D/3D、CSS优化等知识点。

千锋 2周免费试听——猛戳抢座!


课程介绍

本教程专门针对编程小白而制作,是学习HTML+CSS很好的入门教程。学完后能写出你看到的静态页面。


章节目录

第1节 html介绍及站点建立 第81节 表单补充(1)
第2节 html介绍及w3c标准介绍 第82节 表单补充(2)
第3节 html介绍及发展史 第83节 表单补充(3)
第4节 html基本结构(1) 第84节 表格补充(1)
第5节 html基本结构(2) 第85节 表格补充(2)
第6节 HTML-标签(双标签、单标签) 第86BFC块级格式化上下文
第7节 HTML-标签h1、p、div 第87节 padding,双飞翼布局
第8节 HTML-标签ul、ol 第88节 公共css样式
第9节 HTML-标签a、img 第89节 HTML5新增标签(1)
10 相对路径 90 HTML5新增标签(2
第11节 表格 第91节 CSS补充页面优化
第12节 作业讲解 第92节 CSS补充命名规范及重置样式
第13节 表单 第93节 视频导入video
第14节 css语法 第94节 音频导入audio
第15节 css样式表 第95节 智能表单(1)
第16节 -样式权重和作用域 第96节 智能表单(2)
第17节 选择符id选择符、class选择符...(1) 第97节 智能表单(3)
第18节 选择符id选择符、class选择符...(2) 第98节 渐进增强优雅降级
第19节 选择符id选择符、class选择符...(3) 99 属性选择符
20 选择符补充以及选择符权重(1 第100节 结构性伪类.选择符
第21节 选择符补充以及选择符权重(2) 第101节 目标伪类
第22节 css属性(1) 第102节 否定和语言伪类
第23节 css属性(2) 第103节 动态伪类选择器
第24节 文本属性(1) 第104节 层级选择器与UI伪类状态选择器
第25节 文本属性(2) 105 盒子阴影与文本阴影
第26节 背景属性background(1) 第106节 文本换行
第27节 背景属性background(2) 第107字体库
第28节 列表属性 第108节 背景模块
第29节 浮动float 第109节 圆角border-radius
30 边框border属性 第110节 颜色模式与图片边框
第31节 盒模型(1) 第111节 怪异盒模型
第32节 盒模型(2) 第112节 弹性盒模型(1)
第33节 企业站(1) 第113节 弹性盒模型(2)
第34节 企业站(2) 第114节 弹性盒模型(3)
第35节 企业站(3) 第115节 弹性盒案例-骰子案例
第36节 错误解析 第116节 弹性盒案例-圣杯布局
第37节 企业站站点补充 第117节 弹性盒案例-输入框写法
第38节 新闻列表(1) 第118节 弹性盒案例-悬挂式布局
第39节 新闻列表(2) 第119节 CSS多列column-rule
40 新闻列表(3) 第120节 瀑布流
第41节 千锋(1) 第121节 媒体查询
第42节 千锋(2) 第122节 响应式布局
第43节 千锋(3) 第123节 响应式案例
第44节 千锋(4) 第124节 移动端准备工作-Meta标签设置
第45节 文本溢出 第125节 移动端准备工作-单位
第46节 元素类型分类(块状元素和内联元素)(1) 第126节 移动端准备工作-bpr
第47节 元素类型分类(块状元素和内联元素)(2) 127 媒体查询结合rem实现rem布局
第48节 元素类型(1) 128 媒体查询结合rem实现rem布局
第49节 元素类型(2) 129 媒体查询结合rem实现rem布局
50 元素类型(3 130 媒体查询结合rem实现rem布局
第51节 元素类型(4) 第131节 vw结合rem布局(1)
第52节 置换元素img、input 第132节 vw结合rem布局(2)
第53节 作业 第133节 vw结合rem布局(3)
第54节 绝对定位(absolute)与相对定位(relative)(1) 第134节 flexible插件
第55节 绝对定位(absolute)与相对定位(relative)(2) 第135节 移动端注意事项
第56节 绝对定位(absolute)与相对定位(relative)(3) 第136节 CSS线性渐变
第57节 固定定位(fixed)和粘性定位(sticky) 第137节 CSS径向渐变
第58节 定位实现宽banner图 第138节 CSS重复性渐变
第59节 锚点 第139节 CSS过渡
60 鼠标划过图片缩放 第140节 CSS 2d位移
第61节 flash和滚动字幕 第141节 CSS 2d缩放
第62节 图片整合(精灵图、雪碧图)(1) 第142节 CSS 2d旋转
第63节 图片整合(精灵图、雪碧图)(2) 第143节 CSS 2d倾斜
第64节 图片整合(精灵图、雪碧图)(3) 第144节 折扇(控制变形原点)
第65节 兼容(1) 第145节 旋转缩放对位移的影响
第66节 兼容(2) 第146节 线条缩放
第67节 兼容(3) 第147节 2d案例
第68节 过滤器filter 第148节 3D景深
第69节 宽高自适应及最小高度 第149节 CSS 3D
70 考虑IE6最小高度 第150节 CSS 3d及立方体效果
第71节 高度塌陷 第151节  3d及立方体效果,使背面不可见
第72节 高度塌陷解决方法 第152节 CSS动画
第73节 高度自适应 第153节 旋转相册
第74节 电子商务(1) 第154节 逐帧动画
第75节 电子商务(2) 第155节 动画缩放
第76节 电子商务(3) 第156节 摩天轮
第77节 电子商务(4) 第157节 animateCSS
第78节 博尚美文(1)
第79节 博尚美文(2)
80 博尚美文(3

用户登录

手机号:

密码:

图形验证码:

点击切换

用户注册

手机号:

登录密码:

图形验证码:

点击切换

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

手机号:

图形验证码:

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

新密码:

确认新密码:

获取课程

添加小千老师微信,获取课程信息

如何获取课程?

一、需拥有此本教材

如没有,可点击下方入口购买当当购买入口京东购买入口

二、添加小千老师,发送拥有凭证,解锁课程资源

1.购买该教材的订单信息
2.拥有的实体书信息等

更换手机号

新手机号:

图形验证码:

短信验证码:

获取验证码