33人加入学习
(0人评价)
HTML+CSS零基础入门到实战精讲课程
价格 免费
承诺服务
课程介绍

视频每天持续更新中...(2019.5.15)

 

学习交流群号:995372831,点击此处加入

视频内所有资源文件、开发工具、课后练习等,请添加QQ群,在群共享内获取

 

如果您已经学会了HTML+CSS,您可以点击这里,免费学习最具权威的JavaScript课程

 

学习步骤:

点击“加入学习”--> 注册账号 --> 成功 --> 开始学习!

 

学完这节课,你可以收获:

 

  • 企业真实项目开发场景的搭建
  • 企业一线所使用的高级前端开发工具的配置与使用。
  • 全面贯通HTML语义化标签及属性
  • CSS选择器应用花式技巧
  • 深入理解盒子模型与浮动
  • 前端基础性能优化技巧
  • 商业网站实战项目开发
  • 企业真实前端面试题详解

 

完整课程大纲

第一周第一天

01:课程目录大纲详解

02:webstorm的安装和使用说明

03:webstorm的安装和使用示例

04:网页的基本组成结构.

05:标签及标签属性

 

第一周第二天

06:常用的HTML标签完整梳理

07:元素和元素内容

08:元素之块级元素和行内元素特点(面试题)

09:标签语义化含义及实用技巧

 

第一周第三天

10:css的简介和语法

11:css引入方式之行内式

12:css引入方式之内嵌式

13:css引入方式之外链式

14:css引入方式之导入式

15:css引入方式之外链式和导入式的异同点(面试题)

16:css命名规范及项目文件目录

 

第一周第四天

17:css选择器之基本选择器

18:css选择器之并集选择器

19:css选择器之交集选择器

20:css选择器之后代选择器

21:css选择器之子代选择器

22:css选择器之兄弟和相邻兄弟选择器

23:css选择器之属性选择器

24:css选择器之伪类选择器

25:css3新增的伪类选择器(面试题)

26:css选择器之伪元素选择器

27:权重和权重的计算

28:可以继承和不可以继承的样式属性

 

第一周第五天

29:css盒子模型图解

30:css盒子模型之宽度和高度

31:css盒子模型之内边距padding及简写

32:css盒子模型之边框线border的使用技巧

33:border制作小箭头的技巧(面试题)

34:border制作三角形的技巧(面试题)

35:margin的值和垂直外边距重叠问题

36:margin兼容之margin-top的传递问题(面试题)

37:margin的负值使用技巧

38:padding和margin的区别

39:盒子模型的计算公式及使用技巧

 

第二周第一天

40:背景相关之背景颜色

41:背景相关之背景图片

42:背景相关之背景重复

43:背景相关之背景定位

44:背景类之背景关联

45:背景类之背景尺寸

46:背景类之背景裁剪

47:背景类之背景显示原点

48:背景类之background复合属性

 

 

第二周第二天

49:雪碧图的使用和制作技巧

50:overflow的多个作用

51:多个元素在一行显示多种方法和技巧

52:单行文本出现省略号必备的条件(面试题)

53:多行文本出现省略号必备的条件(面试题)

 

第二周第三天

54:浮动元素的特点

55:文档流和脱离文档流

56:浮动元素的值

57:浮动产生的影响

58:清浮动的方法

 

第二周第四天

59:clearfix的清浮动的技巧

60:如何让元素消失在我们的视野中(面试题)

61:clear的值和特点及伪元素before和after的使用

62:代码技巧之常用快捷键的整理

 

第二周第五天 

63:定位之绝对定位

64:定位之相对定位

65:定位之固定定位

66:定位元素的异同点

67:z-index的特点