关于前端相关的知识点

Posted 2021-12-18 AllenSquirrel

web前端标准：

（1）html结构标准：负责网页结构搭建

（2）css样式标准：负责网页美化

（3）js行为标准：负责网页的行为标准

html：

HTML属性：k=“v”键值对  给属性设置相应的值 

CSS：   

样式表，级联样式表，层叠样式表

以html为基础，提供排版功能，设置。外观不同样式

color：文字颜色

font-family 字体

font-size 字号

font-weight 粗细

font-style 倾斜

text-indent 首行缩进 单位em

text-align 文本对齐方式 默认left  可设置right，center

background 背景色属性

css引入方式：

（1）内嵌式：css代码写在style标签里，放在head标签里；属性：值；键值对语法

优点：加载速度快 适合电商首页，缺点：html和css代码没有实现分离，不方便修改

（2）外链式：link标签 href指定外链css属性设置文件  实现代码分离

优点：html和css代码实现分离，方便修改，缺点：运行速度稍慢

（3）行内式：body内 针对每个标签进行格式设置

缺点：代码量庞大不易修改

高级权重对比：

（1）引入方式

        若外链和内嵌权重相同，先写会被后写覆盖

（2）复合选择器权重：

        id>class>标签

        组合起来权重更大：标签+id>id   标签+class>class  

        如果权重相同，先写被后写覆盖