摘要： CSS选择器的准确书写，保证了元素应用样式的正确性，CSS中选择器主要包括： 1、元素选择器： 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。元素选择器又称为类型选择器（type selector）。类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类 阅读全文

摘要： HTML5增加了一系列的伪类选择器和伪元素选择器，增加的伪元素选择器有::before、::after、::first-letter(首字母)、::first-line(首行)、::selection(文档高亮部分，如鼠标选中文字)、::backdrop(不常用)。前面四者可能比较常用，会聚集到具体 阅读全文

摘要： 对元素CSS的display属性设置flex或者inline-flex，那么这个元素就是弹性盒模型容器(flex container)，其子元素就是弹性盒模型子元素(flex item)。在容器中，水平的主轴(main axis)和垂直的交叉轴(cross axis)撑起这个弹性盒模型，对于子级元素 阅读全文

摘要： 对于网页页面布局来说，使用定位进行布局十分的方便。 绝对定位（使用绝对定位应当将父元素设置为相对定位，否则元素绝对定位的基准会一直寻找外层非静态定位元素）： 结果如下： 0-1 0-2 0-1 0-2 如果不使用定位，要实现这样的效果，需要使用CSS属性为： 使用边距和浮动是一个计算的过程，需要把握 阅读全文

摘要： CSS具有两个核心的概念——继承和层叠。一般文本类的属性会被继承，即某个元素的CSS属性会传递给内部嵌套的元素。一个元素可能有一个或者多个样式的来源，当属性发生冲突时，就会根据加载顺序和权重大小决定层叠之后显示的属性。先看一个层叠机制表，并对照例子观察层叠规律： 不同的选择器具有不同的权重值，只有在 阅读全文

摘要： 语义化元素的产生，是为使页面呈现较好的内容结构，能够一目了然地知道每一部分所在区域的功能主体，将页面相关元素集中在一起，形成页眉、文章、页脚、侧边栏等元素块，如H5标准以前对头部元素常给div添加id或者class值为header，所以就引申出<header>元素。在命名时，头部通常使用header 阅读全文