CSS
文章平均质量分 80
CCC0203
这个作者很懒,什么都没留下…
展开
-
【CSS】优先级和权重
优先级首先说一下比较简单的大致划分,一般来说优先级我们有如下判断:!important。在属性后面使用该关键字可覆盖任何其他样式 内联样式 id选择器,如#id 类选择器、属性选择器([attribute])、伪类选择器(a:hover) 标签选择器、伪元素选择器(::before) 通配选择器(*) 继承以上高优先级的可以覆盖低优先级。注意:继承的样式要低于但是有一些比较复杂的情况下,就要用权值来算权重来确定优先级了。权重权值划分:第一等级:代表内联样式,styl原创 2021-03-09 20:46:11 · 1101 阅读 · 0 评论 -
【CSS】float属性与display属性的结合使用
基础知识本人基础不牢,写之前先把基础过一下嘻嘻。。float浮动,指让某个元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。假如某个div元素A是浮动的,如果A的上一个元素也是浮动的,那么它跟在上一个元素(浮动元素)之后排列;如果它 的上一个元素是标准流元素,那么A的顶部和上一个元素(标准流元素)的底部对齐。清除浮动语法:clear: none | left | right | both取值:none: 默认值。允许两遍都可以有浮动对象。left: 不允许左边有原创 2021-03-07 22:05:13 · 1750 阅读 · 0 评论 -
【CSS】display: flex;
弹性布局,能够扩展和收缩flex容器内的元素- 在不同方向排列元素- 重新排列元素的显示顺序- 更改元素的对齐方式- 动态地将元素装入容器1. 基本概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。在 Flexbox 模型中,有三个核心概念:– flex 项(注:也称 flex 子元素),需要布局的元素– flex 容器,其包含 fl转载 2021-03-07 17:15:58 · 103 阅读 · 0 评论