一、 px: One pixel. For screen displays, it traditionally represents one device pixel (dot). However, for printers and high-resolution screens, one CSS ...
分类:
其他好文 时间:
2018-10-13 16:11:08
阅读次数:
208
1.px 像素,绝对单位长度,可设定固定的长度大小。(像素是相对于显示器屏幕分辨率而言) 所有浏览器都显示为一样大小。 eg: html: <p>这是一段正常段落</p> <p class="change">这是一个设置了大小为30像素大小的段落</p> css: p.change{font-siz ...
分类:
Web程序 时间:
2018-10-13 15:35:43
阅读次数:
206
背景 移动端响应式布局开发主要方案有: 基于rem开发 基于媒体查询 基于弹性盒 基础概念 在讨论响应式布局知识前,先了解下移动端常用基础概念。 逻辑像素(CSS pixels) 浏览器使用的抽象单位,主要用来在网页上绘制内容;通常在我们实际开发中涉及到的CSS单位px都是指逻辑像素。 设备像素或物 ...
分类:
移动开发 时间:
2018-10-13 14:37:31
阅读次数:
188
CSS单位主要分析em、rem、fr这三个较难理解的单位吧,其他的就是px,%,cm等等 px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相对单位。 我们需要了解到为什么要拓展em,rem这样的相对单位呢? 比如我就特爱用px,感觉所有的东西都能用 ...
分类:
Web程序 时间:
2018-10-12 23:47:22
阅读次数:
255
绝对长度单位 像素px(pixels) 计算机屏幕上的一个点(1px = 1/96th of 1in),在web上,像素px是典型的度量单位,很多其他长度单位直接映射成像素 英寸in(inches) 1in = 2.54cm = 96px 厘米cm(centimeters) 1cm = 10mm = ...
分类:
Web程序 时间:
2018-10-11 11:28:40
阅读次数:
478
一、单位 1、px是基本的单位,像素 2、em也是一个单位,使用方式,用元素父级的字体大小乘以em前的数字,父级没有就向上一个父级找, 直到body为止,如果body没有,就用默认的字体大小16px 3、rem是一个单位,只跟根节点<html>的字体大小有关,如果根节点没有字体大小,默认16px 4 ...
分类:
其他好文 时间:
2018-10-11 10:24:41
阅读次数:
167
一、单位 1、px是基本的单位,像素 2、em也是一个单位,使用方式,用元素父级的字体大小乘以em前的数字,父级没有就向上一个父级找, 直到body为止,如果body没有,就用默认的字体大小16px 3、rem是一个单位,只跟根节点<html>的字体大小有关,如果根节点没有字体大小,默认16px 4 ...
分类:
其他好文 时间:
2018-10-11 10:23:02
阅读次数:
160
一、单位 1、px是基本的单位,像素 2、em也是一个单位,使用方式,用元素父级的字体大小乘以em前的数字,父级没有就向上一个父级找, 直到body为止,如果body没有,就用默认的字体大小16px 3、rem是一个单位,只跟根节点<html>的字体大小有关,如果根节点没有字体大小,默认16px 4 ...
分类:
其他好文 时间:
2018-10-10 21:50:00
阅读次数:
164
1.图片标签 1.在网页中插入一张图片 2.语法:<img> 3.属性: (1): src:指定要显示的图片路径 (2): width:设置图片的宽度,以像素px为单位,也可以省略单位 (3): height:设置图片的高度 (4): title:用来设置图片的标题,当鼠标悬停在图片上方是出现 (5 ...
分类:
其他好文 时间:
2018-10-10 20:14:15
阅读次数:
209
1 选择器的优先级 选择器的优先主要考虑选择器的权重 可以将各种选择器的权重以数值来表示,数值越大,优先级越高 复杂选择器优先级的计算: 1 群组选择器不参与计算 后代和子代选择器,各种选择器权值 2 伪类选择器的权值与类选择器保持一致,都是10 2 尺寸单位 1 。px :像素单位,浏览器默认单位 ...
分类:
Web程序 时间:
2018-10-10 19:14:12
阅读次数:
233