![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 68
constantE
这个作者很懒,什么都没留下…
展开
-
css选择器权重测试
问题:如下代码所示,'CCCCCCCCCC'行的背景色是red, blue or yellow?<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="content-type" content="t原创 2018-07-10 21:55:23 · 374 阅读 · 0 评论 -
CSS单位
长度单位:(关于px详解见文末链接)单位 含义 px(绝对?相对?) 相对于屏幕分辨率而不是视窗大小:通常为1个点,一般为1/96英寸 em(相对单位) 相对于父元素的字体大小,若父元素font-size为16px,那么1em就为16px %(相对单位) 相对于父元素。正常情况下是通过属性定义自身或其他元素 rem(相对单位) 相对于根元素字体大小...原创 2019-01-27 09:46:47 · 458 阅读 · 0 评论 -
像素(px)到底绝对单位还是相对单位
px是最常用的CSS长度单位。1px到底多长?CSS长度分为绝对长度和相对长度。 css单位pixel(像素)是图像的基本采样单位。它不是一个确定的物理量,也不是一个具体的点或者小方块(尽管可以用点和小方块来呈现),而是一个抽象概念。 不同的设备,其图像基本单位是不同的,比如显示器的点距,可以认为是显示器的物理像素。现在的液晶显示器的点距一般在0.25mm到0.29mm之间。而打印机的...原创 2019-01-27 09:58:13 · 18022 阅读 · 1 评论 -
图解JavaScript中的各种宽度高度属性
1.与window相关的宽高属性1.1 window.location和document.locationwindow对象的location属性引用的是location对象,表示该窗口中当前显示文档的URL document的对象的location属性也是引用location对象 所以 window.location === document.location //true1.2 w...转载 2019-01-27 10:06:24 · 797 阅读 · 0 评论 -
flex布局
容器属性 项目属性 flex-direction row (默认) row-reverse column column-reverse order int类型,默认0,数值越小越靠前,可取负值 flex-wrap nowrap(默认) wrap rap-rev...原创 2019-01-28 16:11:55 · 143 阅读 · 0 评论 -
项目设置属性为 { flex: 1 }时表示的意思
flex属性是 flex-grow + flex-shrink + flex-basis 的缩写。1.赋给3个值.item { flex: 100 200 300px;}// 等价于.item { flex-grow: 100; flex-shrink: 200; flex-basis: 300px;}2.赋值为auto.item {...原创 2019-01-28 17:35:28 · 7637 阅读 · 0 评论