尚硅谷前端HTML5视频_HTML & CSS 核心基础视频教程

0
194

点击获取本套课程

内容提要

本套视频适合零基础并且对前端知识感兴趣的同学。内容涵盖HTML基础、标签、CSS 选择器、盒子模型、浮动、定位、图片整合、PS 切图等页面相关常用技术。 视频最后包含一个实战项目:将一个 PSD 设计图转换为一个商业网站的首页。让同学们体验前端页面开发的全过程。
通过对该视频的学习,可以让同学对前端知识有一个完整的认识,并可以熟练掌握 PC 端的固定布局。

适合人群

零基础对前端知识感兴趣的同学

课程目录

  1. 视频、源码
  2. 课程简介
  3. 学习内容简介
  4. HTML简介
  5. html注释
  6. 标签的属性
  7. 文档声明
  8. 进制的简介
  9. 乱码问题
  10. 常用的标签
  11. 实体
  12. 图片标签
  13. 相对路径
  14. 图片的格式
  15. meta标签
  16. xHtml语法规范
  17. 内联框架
  18. 超链接1
  19. 超链接2
  20. css简介
  21. 外部样式表
  22. CSS的语法
  23. hbuilder安装
  24. 内联和块元素
  25. 常用选择器
  26. 子元素和后代元素选择器
  27. 选择器练习
  28. 伪类选择器
  29. 伪元素
  30. 属性选择器
  31. 子元素的伪类
  32. 兄弟元素选择器
  33. 否定伪类
  34. 样式的继承
  35. 选择器的优先级
  36. 伪类的顺序
  37. 文本标签
  38. 无序列表和有序列表
  39. 定义列表
  40. 长度单位
  41. 十六进制RGB值
  42. 字体一
  43. RGB值
  44. 字体分类
  45. 字体样式二
  46. 行高
  47. 文本样式
  48. 盒子模型的简介
  49. 盒子模型-边框
  50. 边框简写属性
  51. 盒模型-内边距
  52. 盒模型-外边距
  53. 垂直外边距的重叠
  54. 浏览器默认样式
  55. 内联元素的盒模型
  56. display和visibility
  57. overflow
  58. 文档流
  59. 浮动一
  60. 浮动二
  61. 简单布局
  62. 高度塌陷问题
  63. 解决高度塌陷问题一
  64. 导航条练习
  65. 解决高度塌陷的最终方案
  66. 高度塌陷问题总结
  67. ps的基本操作
  68. 开班信息-标题
  69. 开班信息-完成
  70. 相对定位
  71. 绝对定位
  72. 固定定位
  73. 元素的层级
  74. opacity
  75. 背景一
  76. 练习
  77. 背景二
  78. 按钮练习
  79. 简写属性
  80. 雪碧图的制作和使用
  81. 表格简介
  82. 表格的样式
  83. 长表格
  84. 使用表格布局
  85. 完善clearfix
  86. 表单简介
  87. 表单项一
  88. 表单项二
  89. 框架集
  90. ie6png的修复
  91. 条件hack
  92. 属性hack
  93. 页面练习-项目创建
  94. 页面练习-logo
  95. 页面练习-导航条
  96. 页面练习-banner
  97. 页面练习-content
  98. 页面练习-联系栏中间
  99. 页面练习-联系栏左侧
  100. 页面练习-联系栏右侧
  101. 页面练习-底部
  102. 页面练习-修改bug
  103. 压缩css代码
  104. 图片整合

课程截图

 

 

 

评论

请输入评论内容!
请输入您的名字