由于互联网时代的高速生长,公司企业对于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使用,最终实现网站上线