06 2022 档案
摘要：样式优先级 由高到低为： 使用 !improtant 关键字声明的属性会覆盖页面内任何位置定义的元素样式； 以字符串形式作为 style 属性的值写在HTML标签内的样式（行内样式）； id选择器； 类选择器 = 伪类选择器 = 属性选择器； 标签选择器 = 伪元素选择器 （注：类似于">"、"+"
阅读全文
摘要：理解BFC BFC，全称“块级格式化上下文”（block formatting context），可以为元素提供一个独立的空间，将元素内部的内容与外部的上下文隔离开，不会相互影响。这种隔离为创建BFC的元素做了以下事情： 包含了内部所有元素的上下外边距，它们不会跟BFC外面的元素产生外边距折叠（内部
阅读全文
摘要：<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>Title</title> <link type="text/css" rel="sty
阅读全文
摘要：理解浮动 浮动就是将一个元素拉到容器的一侧，让文档流在该浮动元素的周围流动。通过float属性来声明一个元素作为浮动元素，不管元素原来是什么类型的，浮动后得到的都是块级框（以外边距为界限）。 浮动元素的容纳块是最近的块级祖辈元素，因此浮动元素会向左或向右移动到容纳块的边界（也即与图中<p>元素的左边
阅读全文
摘要：标准盒模型与怪异盒模型 标准盒模型 怪异盒模型（IE盒模型） 两种盒模型可以由CSS的 box-sizing属性来切换，影响的是width属性与height属性的实际意义。 块级元素与行内元素 块级元素 段落p、标题h1或div等元素是块级元素，它们生成块级框，各个框体是纵向堆叠的（即“换行”）。任
阅读全文
