前端小知识

Posted 2020-11-24 hg845740143

1.什么是结构、样式、行为相分离？这样做的好处是什么？

　　众所周知，html结构是网页内容的载体，CSS样式是表现即外观控制，javascript行为则是常用来给html网页添加动态功能比如响应用户的各种操作等；

　　HTML可以直接控制样式，但是这样做会使HTML的结构看上去十分的复杂，这样做很难区分彼此之间的逻辑结构；同样CSS也可以用来显示内容，但是这里的内容却无法被用户及JS取中；而且如果也用CSS来负责行为，那么CSS将又要控制样式又要负责行为，这样做会使CSS内拥有复杂的逻辑，从而会使CSS运行变慢进而导致页面的加载速度变慢；所以这样做的好处就是加快网页的加载速度，使网页的编写复杂度变低，也可以让编写过程变得更加清晰。

2.什么是语义化？为什么要语义化？

　　语义化就是用合理、正确的标签来展示内容，例如用h1~h6来定义标题；

　　语义化有利于搜索引擎根据标签来确定上下文和各个关键字的权重；方便其他设备解析，比如盲人阅读器根据语义来渲染网页；有利于客户阅读，样式丢失的时候能让页面呈现清晰的结构；有利于开发和维护，语义化更具有可读性，代码更好维护，与CSS3关系更和谐。

3.什么是CSS？它的特点有哪些？

　　CSS是Cascading style Sheets的简称，即层叠样式表，也可以叫做级联样式表，主要被用来控制HTML中内容的样式；

　　特点：（1）层叠性

　　　　　　一种能够解决浏览器声明冲突的能力；如果一个属性通过不同的选择器作用到同一个元素上时，那么这个时候一个属性就会将另外一个层叠掉。

　　　　　（2）优先级

　　　　　　!important>行内样式>id选择器>类选择器>元素选择器>通配符>继承

　　　　　　优先级的计算方法：权重；（0，0，0，0）第一个0表示内嵌的个数，第二个表示的是id选择器的个数，第三个是类选择器的个数，第四个是元素选择器的个　　　　　　　数，然后多个选择器组合后的优先级就是权重，层叠样式会选择权重大的。

　　　　　（3）继承性

　　　　　　子元素会继承父元素的样式。比如text-、font-、line-这些元素开头的都可以继承，还有color属性；但是除开a标签的颜色及h标签的字体大小不能继承修改。