小小千想和您聊一聊

当前位置: 首页> 视频教程> 2019Web前端从入门到精通(HTML+CSS全套)

2019Web前端从入门到精通(HTML+CSS全套)初级

   评分9.7

207节课

29083人已学

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

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

千锋HTML5官方①群(791201477)——猛戳进入


课程介绍

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

章节目录

第1节 HTML、CSS系列之导学 第105节 PC端游戏类型整页制作(6)
第2节 什么是HTML和CSS 第106节 PC端游戏类型整页制作(7)
第3节 宇宙第一编辑器VS Code 第107节 PC端游戏类型整页制作(8)
第4节 chrome浏览器 第108节 PC端游戏类型整页制作(9)
第5节 深入了解网站开发 第109节 PC端游戏类型整页制作(10)
第6节 web前端三大核心技术 第110节 HTML和CSS发展历史
第7节 HTML基本结构与属性 第111节 HTML与XHTML的区别
第8节 HTML初始代码 第112节 b标签与i标签
第9节.HTML中的注释 第113节 引用标签基本操作
第10节 HTML语义化 第114节 iframe嵌套页面
第11节 标题与段落 第115节 br标签与wbr标签
第12节 文本修饰标签 第116节 pre标签与code标签
第13节 图片标签与图片属性 第117节 map标签与area标签
第14节 引入文件的地址路径 第118节 embed标签与object标签
第15节 跳转链接 第119节 video标签与audio标签
第16节 跳转锚点 第120节 文字注解与文字方法
第17节 特殊符号 第121节 link标签扩展学习
第18节 无序列表 第122节 meta标签扩展学习
第19节 有序列表 第123节 HTML5新语义化标签(1)
第20节 定义列表 第124节 HTML5新语义化标签(2)
第21节 嵌套列表 第125节 HTML5新语义化标签(3)
第22节 表格标签 第126节 表格扩展学习
第23节 表格属性 第127节 表单扩展之美化控件
第24节 表单input标签 第128节 表单扩展之新input控件
第25节 表单相关标签 第129节 表单扩展之新属性
第26节 表格表单组合实例 第130节 表单扩展之数据传输
第27节 div与span 第131节 表单扩展之标签
第28节 CSS语法格式 第132节 BFC规范(上)
第29节 内联样式与内部样式 第133节 BFC规范(下)
第30节 外部样式及两种写法 第134节 浏览器内核与浏览器前缀
第31节 CSS颜色表示法 第135节 transition过渡基础语法
第32节 背景样式 第136节 transition实例之过渡导航
第33节 背景实现视觉差效果 第137节 transform位移与缩放
第34节 边框样式 第138节 transform旋转与斜切
第35节 边框实现三角形 第139节 transform复合写法与注意点
第36节 family字体类型 第140节 斜切的导航
第37节 字体大小粗细样式 第141节 变形的列表
第38节 文本修饰与文本大小写 第142节 animation动画基础语法
第39节 文本缩进与文本对齐 第143节 划入划出的小图标
第40节 文本的行高 第144节 loading加载动画效果
第41节 文本间距与英文折行 第145节 animation动画扩展语法
第42节 文本与段落实现个人简介 第146节 animate.css动画库
第43节 css复合样式 第147节 3D基本语法及成像原理
第44节 ID选择器及注意事项 第148节 实现3D立方体
第45节 CLASS选择器及注意事项 第149节 3D相关语法及扩展学习
第46节 标签群组通配等选择器 第150节 3D效果之旋转木马
第47节 层次选择器 第151节 3D效果之翻转图片
第48节 属性选择器 第152节 背景尺寸_位置_裁切等
第49节 hover等伪类选择器 第153节 线性渐变与径向渐变
第50节 after等伪类选择器 第154节 渐变的加载进度条
第51节 结构伪类选择器 第155节 @font-face字体图标
第52节 css样式的继承 第156节 iconfont矢量图标库
第53节 单一样式的优先级 第157节 自定义字体图标
第54节 important群组等优先级 第158节 text-shadow文字阴影
第55节 层次的优先级 第159节 box-shadow盒子阴影
第56节 css盒子模型 第160节 小米官网盒子阴影效果
第57节 box-sizing改变盒模型 第161节 mask遮罩效果
第58节 盒模型之margin叠加问题 第162节 box-reflect倒影与scale负值
第59节 盒模型之margin传递问题 第163节 blur模糊与calc计算
第60节 css盒子模型之扩展 第164节 column分栏布局
第61节 盒子模型的嵌套练习 第165节 伪元素概念与意义
第62节 按类型划分标签 第166节 hack概念与CSS属性前缀法
第63节 按内容划分标签 第167节 选择器前缀法与IE条件注释法
第64节 按显示划分标签 第168节 IE低版本常见BUG
第65节 display显示框类型 第169节 渐进增强与优雅降级
第66节 标签嵌套规范 第170节 布局扩展之等高布局
第67节 overflow溢出隐藏 第171节 布局扩展之双飞翼布局
第68节 透明度与手势 第172节 布局扩展之圣杯布局
第69节 最大最小宽高 第173节 PC端管理后台整页制作(1)
第70节 css默认样式 第174节 PC端管理后台整页制作(2)
第71节 css重置样式 第175节 PC端管理后台整页制作(3)
第72节 PS基本操作与图片格式 第176节 PC端管理后台整页制作(4)
第73节 PNG等图片切图流程 第177节 PC端管理后台整页制作(5)
第74节 切图小练习之新浪趣图(上) 第178节 PC端管理后台整页制作(6)
第75节 切图小练习之新浪趣图(下) 第179节 PC端管理后台整页制作(7)
第76节 PSD源文件切图流程 第180节 PC端管理后台整页制作(8)
第77节 企业中的切图流程 第181节 PC端管理后台整页制作(9)
第78节 float浮动概念及原理 第182节 PC端管理后台整页制作(10)
第79节 float注意点整理 第183节 PC端管理后台整页制作(11)
第80节 清除float浮动(上) 第184节 flex弹性布局(1)
第81节 清除float浮动(下) 第185节 flex弹性布局(2)
第82节 float制作页面小结构(上) 第186节 flex弹性布局(3)
第83节 float制作页面小结构(下) 第187节 flex弹性布局(4)
第84节 relative相对定位 第188节 flex弹性布局(5)
第85节 absolute绝对定位 第189节 flex弹性布局(6)
第86节 fixed和sticky及zIndex 第190节 flex弹性布局(7)
第87节 定位实现下拉菜单 第191节 grid网格布局(1)
第88节 定位实现居中和装饰点 第192节 grid网格布局(2)
第89节 css添加省略号 第193节 grid网格布局(3)
第90节 css精灵及好处 第194节 grid网格布局(4)
第91节 css圆角设置 第195节 grid网格布局(5)
第92节 PC端企业类型整页制作(1) 第196节 grid网格布局(6)
第93节 PC端企业类型整页制作(2) 第197节 grid网格布局(7)
第94节 PC端企业类型整页制作(3) 第198节 移动端之viewport视口
第95节 PC端企业类型整页制作(4) 第199节 移动端流式布局整页制作(1)
第96节 PC端企业类型整页制作(5) 第200节 移动端流式布局整页制作(2)
第97节 PC端企业类型整页制作(6) 第201节 移动端流式布局整页制作(3)
第98节 PC端企业类型整页制作(7) 第202节 移动端流式布局整页制作(4)
第99节 PC端企业类型整页制作(8) 第203节 rem单位及rem布局原理
第100节 PC端游戏类型整页制作(1) 第204节 js方式进行动态fontsize设置
第101节 PC端游戏类型整页制作(2) 第205节 vw单位进行动态fontsize设置
第102节 PC端游戏类型整页制作(3) 第206节 移动端rem布局实战流程
第103节 PC端游戏类型整页制作(4) 第207节 响应式布局之媒体查询语法
第104节 PC端游戏类型整页制作(5)

  • 事件处理函数的this指向问题

    事件处理函数的this指向问题

    513
  • 前端程序员应该往全栈方向发展吗?还是坚守前端?

    怎样选择是向全栈方向发展还是坚守前端,我个人认为从几方面考滤:

    835
  • 关于后端程序员写前端用什么框架更好

    关于后端程序员写前端 在业界其实已经是一个特别正常的事情了 因为后台的工作 中 我们都是在定义 类 写接口 接口实现 获取数据 数据整合之类的 自己写一个好用的orm 做好业务规划 数据分离之类的 其实在我们现在也在这样的事情 框架和语言都是相通的 找到切合的点进入 往往能够 事半功倍。

    800
  • 默认行为和拖拽思路

    什么是默认行为:默认行为就是浏览器自己触发的事件。比如:a链接的跳转,form提交时的跳转,鼠标右键跳转;

    703
  • cookie

     cookie是浏览器缓存,缓存是什么?数据交换的缓冲区>>>>临时储存。

    508
  • 详解Vue-Router路由与配置

     现在的很多应用都流行SPA应用(singe page application) 。传统的项目大多使用多页面结构,需要切换内容的时候我们往往会进行单个html文件的跳转,这个时候因受到网络、性能的影响,浏览器会出现不定时间的空白界面,用户体验不好。而单页应用则是用户通过某些操作更改地址栏url之后,动态的进行不同模板内容的无刷新切换,用户体验好。而在vue2.0版本后,vue官方推出vue-router插件来实现单页面的路由跳转,内部原理就是通过组件之间的切换(组件的卸载与安装)去实现整个页面无刷新的效果。

    774
  • 作为前端入门,有没有必要学习高难度css和js特效

    我们先来说说入门,指的是知识或业务的初始门路。我们都知道现在前端市场要求还是比较高的(要求会各种库和框架、对底层原理的理解等等)。但是所有的框架和库都是来自最基础的HTML、CSS、JS,所以我觉得入门应该把重心放在基础知识的学习上。

    2149
  • 什么是前端同构渲染

    同构渲染指的是前后端都使用了js,首次渲染的时候使用nodejs加载了我们的HTML文件,用小白的话来说,同构渲染既不属于后端渲染,也不属于前端渲染,它是介于二者之间的共有部分。同构渲染的实现其实就是SSR+CSH,他们是通过一份代码而实现的。

    663
  • HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序

    HTML、CSS、JavaScript、PHP、 MySQL这五样东西,要么你放弃前三个,要么你放弃后两个。 因为我做了这么多年全栈开发,到现在都不敢说自己五个都精通。因为东西实在太多了,你不可能在短时间内都熟练掌握。如果你一开始就试图全面掌握,很有可能会导致你找不到工作。

    2165
  • 不学JavaScript直接学ts可以么?

     至少百分之八十~九十的企业使用的技术栈里不包括TS。如果你听人说什么TS才是javaScript的终极形态,什么TS好啊,TS妙啊,TS呱呱叫啊巴拉巴拉什么的,这样的说法有问题么? 我感觉没有,TS确实很好。 但是如果你面向就业,也就是说你想要学点东西找工作不是为了爱好而学习的话,那么请不要这么学。如果你是一个求知欲望很强的人,学习html+css+ts作为自己的业余爱好,那么肯定是给你点赞的。学啥都是学么,正向的爱好一定需要支持,所以我说可以,但是结论归结论,剩下的一些小意见希望你可以参考一下。

    859

他们都在看