·······
//可以匹配 ············
//不能匹配匹配 例2： li+li{color:red;} HTML:·······
//可以匹配 ············
//可以匹配···
······//无法匹配4.简述box-sizing的有效值以及它们对应的盒子模型规则。 box-sizing属性允许您定义以特定方式匹配特定区域的特定元素。 语法：box-sizing:content-box|border-box|inherit; 1)box-sizing:content-box;这是CSS2.1指定的宽度和高度行为。宽度和高度分别应用于元素的内容框。在宽度和高度之外绘制元素的填充和边框。是默认值。如果你设置一个元素的宽度为100px，那么这个元素的内容区域就是100px宽，所有的border和padding的宽度都会加到最终绘制的元素的宽度上2)box-sizing:border-box;为元素指定的任何填充和边框都将在设置的宽度和高度内绘制。告诉浏览器明白你设置的border和padding值包含在width中。也就是说，如果你将一个元素的宽度设置为100px，那么这100px会包含其他的borders和padding，内容区域的实际宽度就是width减去border+padding的计算值。在大多数情况下，这使得设置元素的宽度和高度变得更加容易。 3)box-sizing:inherit;;规定box-sizing属性的值要从父元素继承5.flex中元素的边距会合并吗？ 不会合并6.简述align-items和align-content的区别。 align-items属性适用于所有弹性容器，它用于设置每个弹性元素在横轴上的默认对齐方式。如果是multi-line多行容器，多行多行之间有空隙。 align-content功能相同，但align-content属性只适用于多行flex容器。一个关键点是多行，align-content在对齐的过程中。如果是多行多行容器，多行和多行之间是没有间距的。 单行容器： 多行容器： 7.简述数据的用途：属性（如何设置，如何获取）；有什么优点？ data-*值的获取和设置，2种方法： 1）传统方法 getAttribute()获取data-属性值；?setAttribute()设置data-attribute值 2)HTML5新方法 例如data-href dataset.href获取data-href属性值 dataset.href='http://baidu.com'设置data-href属性值 traditional方法没有兼容性问题，但不够优雅方便 HTML5的新方法非常优雅和方便，但存在兼容性问题。可用于移动端开发或不支持低版本浏览器的项目。需要使用Ajax或者去服务器查询数据）。8.简述title和h1的区别，b和strong的区别，i和em的区别。1）title和h1的区别：定义：title是网站的标题，h1是文章的主题作用：title概括了网??站的信息，可以直接告诉搜索引擎和用户这个网站是什么主题和内容是关于，显示在网页的标签栏中h1突出文章的主题，显示在网页上供用户使用。2）b和strong的区别：b和strong从视觉效果上没有区别，从词义上也可以推断b是Bold（粗体）的缩写，所以传达的意思这个B标记只是加粗，没有任何其他作用，从字面理解可以知道是强调的意思，所以我们用这个标记来向浏览器传达强调某段文字的信息。他强调的是文档的逻辑，而不是如何通知浏览器如何显示。3）i和em的区别：同理，I是Italic（斜体），而em是强调（emphasis）。9.什么是标准单据流程？ 标准文档流：当一个网页被解析时，它遵循从上到下，从左到右的顺序，这个顺序来自标准文档流。 标准文档流级别，分为块级元素和行内元素两个级别； 块级元素： 1)。占一行，不能与任何其他元素并列 2)。接受宽度和高度 3)。如果不设置宽度，宽度会默认为父级的100%，即与父级宽度相同。2).无法设置宽度和高度。默认宽度是文字的宽度10.什么是z-index？position的值为是时可以触发吗？ z-index属性设置元素的堆叠顺序。具有较高堆叠顺序的元素将始终位于具有较低堆叠顺序的元素之前。当文档流外的内容较多且相互重叠时，可能会出现本应完整显示的内容被其他内容遮挡的情况，那么我们需要手动指定哪一层在上面，哪一层在下面，z-index属性就是为了这个。注意：Z-index仅适用于定位元素。 当position的值为relative、absolute、fixed或sticky时都可以触发。11、PC端常用的布局方式有固定布局、浮动布局、定位布局、流体布局、弹性布局。定位 方法一：