CSS
文章平均质量分 70
Kratial
前端学习,删繁就简
展开
-
关于flex盒子padding-right/margin-right不生效
关于flex盒子padding-right/margin-right不生效原创 2023-03-02 15:57:56 · 1059 阅读 · 0 评论 -
css中涉及到的百分比
css中涉及到的百分比原创 2022-10-09 17:27:29 · 3273 阅读 · 0 评论 -
css之sticky定位
css之sticky定位原创 2022-10-08 17:33:44 · 8153 阅读 · 0 评论 -
css尺寸的自适应
css自适应关键字:fill-available,max-content,min-content,fit-contentfill-available:撑满空闲空间 (inline-block可以撑满可用空间)若inline-block的高度需要撑满可用空间则父级元素需要设置固定像素的值,否则生效实例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2022-01-13 16:34:42 · 1724 阅读 · 0 评论 -
实现元素水平垂直局中的多种方案
(1)第一类是借助于定位实现元素的局中1.方式一:<style> .wrap{ position:absolute;// position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; width:300px; height:原创 2020-11-02 15:41:13 · 153 阅读 · 0 评论 -
position定位与float的优先级
当在同一个元素中同时使用浮动和定位时,会有一下两种情况:1.当定位为absolute或fixed时,float会失效2.若定位不是absolute和fixed时,两个同时起作用,且float的优先级更高。原创 2020-09-26 15:16:30 · 839 阅读 · 0 评论 -
CSS中的优先级关系
1.看图:css中的权值计算参考2.优先级的关系总结:!important > 内联样式 >ID选择器 >类选择器=属性选择器=伪类选择器 > 元素选择器=关系选择器 =伪元素选择器 >通配符选择器3.补充:(1)伪元素选择器:例如:before, :after,:first-line, :first-letter等(2)关系选择器:A B-...原创 2019-03-05 13:16:27 · 615 阅读 · 0 评论