零基础学Web前端开发要知道这些内容

作为一个IT外行，对前端一窍不通。我只知道HTML5会写网页，会做小程序，会做区块链。我选择它是因为就业的诱惑，也是因为HTML5比其他专业简单，没有基础更容易学。但是经过一段时间的学习，发现并不简单，门槛低，天花板高。有了老师的磕磕绊绊，一个方向不停才是我坚持的动力。

第一阶段知识点:网页架构，网页装饰。HTML的构成、结构、行为、表达。以及各种浏览器的兼容性，CSS2，CSS3，2D3D，转换。两阶段知识点:六种类型，布尔型、数值型、字符串型、null型、未定义型、对象型。接下来简单分享一下最近学到的知识，这不仅仅是知识的梳理，更是我成长的见证！

每个元素都有一个或多个定义元素的显示样式、行为或其他内容的属性。同一元素的属性之间没有顺序，属性的类型主要是等式型和布尔型。属性设置在HTML元素开始标记处的尖括号中，一般以""的格式出现。属性之间没有优先级。大小没有区别。每对属性和属性值必须用空格隔开。

布尔属性只有属性名，没有属性值。指定这个属性意味着它是“真”，但它的意思是:默认情况下，每个布尔属性都是false，也就是说，您不需要指定它，只需要在必要时添加项目属性。

HTML常用的数据类型包括长度、宽度、颜色、图片、URL链接地址、字符串，其中内容的书写单位为px，移动终端的书写单位为rem。像素是可以在电脑屏幕上显示的最小单位。

不同的电脑屏幕有不同的分辨率和不同大小的显示像素。像素是长度定义中最常用的单位，因为一般浏览器输出的页面总是在屏幕上。如果没有打印，像素值可以用来在计算机屏幕上非常准确地定位它。使用像素值时，必须考虑屏幕分辨率的兼容性。

Vw、vh和长度百分比是典型的相对长度。如果图形定义为百分比值，则它的参考对象是整个浏览器的宽度和高度。当浏览器窗口的大小改变时，图片的大小也会改变。