零基础+跨专业，作为IT门外汉的我对前端一概不知，只知道HTML5可以写网页、做小程序、做区块链。选它一是因为高薪就业的诱惑，还有就是HTML5相对于其他专业比较简单，零基础学起来相对轻松些。但经过一阶段学习过后，我发现它并不简单，门槛低，天花板高。踉踉跄跄的跟着老师的步伐走，朝着一个方向不停下就是我坚持的动力。

　　一阶段知识点：网页构架，以及网页修饰。HTML的构成，结构、行为、表现。以及各种浏览器的兼容，CSS2,CSS3，2D3D，转换。二阶段知识点：6种类型，布尔，number，字符串，null，undefined，object。接下来简单分享一下最近所学的知识点，既是一次知识梳理，也是我成长的见证!

　　每一个元素都有一个或者多个属性定义该元素的显示样式，行为或者其他内容，同一个元素的各个属性之间的顺序没有前后之分，属性的类型主要有等式型和布尔型。属性全部设置在HTML元素的起始标记的尖括号内，一般是以“<起始标记 属性1=“属性值1” 属性2=“属性值2” ……>”的格式出现。属性之间没有先后之分。也无大小之分。每一对属性和属性值之间必须用空格分隔。

　　布尔属性只有属性名没有属性值，指定了这个属性就代表它的“真”，反而则代表：假默认情况下，每一个布尔属性都是假，即不用指定，只有在需要时候才添加该项项属性。

　　HTML常用的数据类型有长度、宽度、颜色、图片、URL链接地址和字符串等形式，其中内容的书写单位是px，移动端书写单位是：rem。像素是计算机屏幕上所能显示的最小的单位，不同计算机屏幕的分辨率设置的不同，所显示的像素的大小也不相同。像素是长度定义中使用最为普遍的单位，因为一般浏览器输出的页面总是在屏幕上，如果不打印出来，利用像素值就能在电脑的屏幕上进行非常精确地定位。在用像素值的时候一定要考虑屏幕分辨率的兼容性。

　　百分比vw，vh，长度值是典型的相对长度，如果对一张图定义百分比值，则它的参照对象是整个浏览器的宽度和高度。当浏览器窗口的大小变化时，图片的尺寸也会随之进行变化。

　　颜色值也是比较常用的数据定义类型，页面文档不可能是一成不变的黑白显示，浏览器默认将没有设置过得颜色值得字体，直线和边框都定义为黑色，背景色则为白色。计算机屏幕上的任意一种颜色有都是由红、蓝、绿按照一定的比例混合而成，三色定律的另一种称呼是RGB，颜色值的命名格式为“#RRGGBB”,每一种颜色的数值都是由十六进制00至十六进制ff表示，因此，单一颜色的深度为256等级。

上一篇

千锋Web前端培训学员分享html+css基础知识点

下一篇

千锋Web前端培训学员分享 冒泡排序和选择排序