随笔分类 - CSS
摘要：CSS优先级 当样式表比较复杂时，很容易出现多个样式对作用于一个标签的情况，这时就需要注意CSS优先级来决定哪些样式会被作用于该标签，哪些会被覆盖。 选择器的优先级 对于标签自有的属性，选择器的优先级规则为: 内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器
阅读全文
摘要：CSS选择器 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/WindrunnerMax/EveryDay 使用 对`HTML`页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到选择器。 页面中的元素就是通过 选择器进行控制的。 id选择器 类选
阅读全文
摘要：CSS盒子模型 所有的HTML元素都可以看作是一个盒子。 将盒子模型拆分，则包括 外边距+边框+填充+内容。 显得专业一些，box model = margin+border+padding+content。 | margin | | | | | border | | | | | | | | | p
阅读全文
摘要：CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停
阅读全文
摘要：垂直居中 首先将<html>与<body>的高度设置为100%(为演示父元素不定宽高的效果)，并清除<body>的默认样式。 html,body{ margin: 0; height: 100%; } 垂直居中大致分为两类，父元素定宽高与父元素不定宽高，将两类样式以及子容器设定好。 .set-par
阅读全文