![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 92
flyingpig2016
菲常六加一
展开
-
px,pt,ppi,dpi,dp,sp,em,rem,vw和vh等css中常用长度之间区别总结
首先我们大致了解一下每个简称的含义,他们都是在设备中表示长度:px:(pixel)像素,像素px是相对于显示器屏幕分辨率而言的(引自CSS2.0手册)。电子屏幕上组成一幅图画或照片的最基本单元;pt: (point)点,印刷行业常用单位,等于1/72英寸,就是我们在Word或者WPS等办公软件中使用的字体大小单位;ppi: (pixel per inch)每英寸像素数,该值越高,则屏幕越细腻,原创 2017-03-01 10:06:13 · 11921 阅读 · 0 评论 -
nth-child和nth-of-type的区别
nth-child可以选择父元素下的字元素,nth-of-type也可以选择。但是它们到底有什么区别呢? nth-of-type为什么要叫:nth-of-type?因为它是以”type”(类型)来区分的;nth-of-type(n)是指父元素下第n个ele元素nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。 例子如下所示:<!DOCTYPE html>原创 2017-02-01 16:51:35 · 432 阅读 · 0 评论 -
flex布局
flex布局flex布局概述? flex是flexible Box的缩写,意为“弹性布局”,用来为盒模型提供最大的灵活性,设置为flex布局之后,子元素的float、clear、vertical-align属性将失效。 任何一个容器都可以指定为flex布局#box1{ display : flex; width:300px; height:100px;}其实,总体上原创 2017-07-24 18:17:10 · 673 阅读 · 0 评论