Web前端学习入门：小白应该掌握的16个知识点

螺鼎记螺蛳粉

由于互联网时代的高速生长，公司企业对于Web前端工程师的需求日益增长，Web人才也成为各大公司名企争抢的“香饽饽”。

那么，要成为Web前端工程师，必须把握哪些技能呢?下面枷锁时光小编分享16个Web前端应该掌握的知识点，一起来看看吧！

1、HTML常用标签

语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超链接（a标签）、Img图片标签

2、盒子模型

初探Div盒子模型 、css样式、 简单css样式、盒子模型Border边框讲解、盒子模型外边距 盒子模型内边距、盒子模型占位计算、ul无序列表、ol有序列表、dl定义列表、补充知识（css）

3、样式初始化及display+外边距合并

样式初始化、元素类型转换、 内联元素对于以下属性特殊化、块级元素和内联元素的具体应用 控制元素水平方向居中、盒子模型外边距合并原则

4、元素选择符+背景

HTML命名规范 、 行业命名规范、 选择器初级 、background背景样式

5、css样式（Font+Text）+特殊符号

font字体样式、text文本样式、特殊符号、css样式查询表

6、选择器高级及a伪类

css选择器、a伪类

7、选择器高级应用&样式优先级 常用css3

选择器优先级、样式的多种形式 、样式优先级排序、常用css3

8、浮动

浮动概况、浮动的一般情况 、 浮动的特殊情况 、 浮动对文字的影响 float浮动后的特征 和 inlink-block 特征对比、清除浮动、清除浮动的多种办法、min-width的运用

9、定位

position定位概况、static 、相对定位 relative、绝对定位 absolute、固定定位、z-index 层的位置关系

10、vertical-align img特征 cursor opacity

img特征、 vertical-align 垂直对齐方式、cursor指针样式、opacity透明度

11、表单

form表单 、form中的控件

12、表格

table表格结构 、table样式重置、table的默认特征、table单元格合并、display:table的特征

13、frameset框架

iframe内联框架、frameset框架集、frame子框架、自适应框架实例

14、阿里图标+css高级应用

CSS继承指的是、css重用、组件化开发：网页中不同功能模块，写入不同的css文件、ico网站logo、阿里图标

15、ps工具常用技巧

安装PS、菜单栏介绍、工具栏工具名称及快捷键 、蒙版，链接图层，图层分组、图层右键菜单、混合模式、菜单栏详细讲解

16、终结篇

网站上线（空间，域名） 如何购买空间和域名，网站上传工具ftp使用，最终实现网站上线

本帖寻求最佳方案

，目前已有 0 个回复 我要奖励