长度单位

vw vh vm CSS长度单位

半腔热情 提交于 2020-01-15 15:49:39
vw 相对于视口的宽度。视口被均分为100单位的vw(即浏览器可视区) 100vw = 可视区宽度 vh 相对于视口的高度。视口被均分为100单位的vh (即浏览器可视区) 100vh = 可视区高度 vmin/vm 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin(即vm) 参考: 视区相关单位vw, vh..简介以及可实际应用场景 结论: vw, vh视区大小相关单位只适用于非定位元素的高度相关属性上! //zxx: 高度相关属性如 – height/min-height/max-height/line-height/padding-top/padding-bottom等 很重要的运用场景是: 1.手机适应屏幕尺寸时,如需订列表缩略图的宽高时,如(1:1)且可自适应, .img-wrap{ width: 30vw; height: 30vw; } 2.活动页,分享等单页面 body{ height:100vh; } 来源: https://www.cnblogs.com/zhu-shixin/p/6384396.html

Web打印--Lodop API

不羁的心 提交于 2019-12-27 14:50:33
Lodop是一款专业的WEB打印控件,其设计目标是简单易用、功能足够强大,开创WEB打印开发的新局面。 Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实现复杂的打印任务,尽量减少使用者的知识累赘。控件发布包有3个系统文件组成,全部功能用几个控件参数和2组功能函数来实现。 尽管我们有个理想化的目标,那就是您不用详细了解这些参数或函数,仅仅看懂几个样例文件就能很轻松地开始使用本控件,为此Lodop提供了一个足够完善的设计界面,用它可以实现大多数打印开发任务,但事实上了解这些参数和函数总还是有好处的,特别是当您的开发任务很复杂时,这就是本文目的,但愿本文档足够详细且简单明了。 如果此前曾看过lodop的入门样例程序,本文会更容易理解! 二、系统文件 Lodop发布包内主要有如下几个文件: install_lodop.exe 该文件是控件安装和升级的主文件,提供给用户或开发者下载安装,如果不特意拦截一般都能100%安装,对“网页插件安装难”有一定改善。如果将其复制或改名为uninstall_lodop.exe (名前加un)就可用其卸载控件。 Lodop安装后,在 操作系统 目录WINDOWS\system32下会安装两个实体文件:CAOSOFT_WEB_PRINT_LODOP.OCX和NPCAOSOFT_WEB_PRINT_lodop

css整理-02 颜色和字体

旧城冷巷雨未停 提交于 2019-12-25 23:24:11
颜色 命名颜色 RGB指定颜色 数值: 0-255 百分比 三元组:红绿蓝 16进制RGB web安全颜色 在256色计算机系统上总能避免抖动的颜色 表示为rgb值20%和51的倍数 web安全色的简写16进制是0,3,6,9,C,F 长度单位 绝对长度单位 in, cm, mm, pt, pc 实际中几乎不使用 相对长度单位 印刷度量单位: em, ex ,像素: px 度量的实际距离可能因为屏幕分辨率,可视区的宽度,用户选择等原因而改变 1个 em 定义为一种给定字体的font-size值; (实际上是高度值) ex 指的是所用字体中小写x的高度;如果两段文本像素相同但字体不同, ex 值也会不同 选择 最好的度量单位是相对长度单位,特别是 em 大部分情况下`1ex = 0.5em` 除了设置文本大小,对于元素的其他方面更适合像素,如边框,定位; 字体系列 特定字体系列 通用字体系列 Serif: 字体成比例并且又上下短线 Sans-serif: 字体成比例,没有上下短线 Monospace: 字体不成比例,通常用于模拟打印机打出的文本 Cursive: 不成比例,模范人手写的文本 Fantasy: 无法用任何特征来定义 使用 直接使用通用字体,用户代理会选择一个特定字体 直接使用特定字体,但如果没有这个字体,则会使用默认字体 由于上面的原因,一般使用特殊字体加通用字体的格式

css入门002

痞子三分冷 提交于 2019-12-16 20:16:35
css文本属性 letter-spacing 字母间距 默认0px word-spacing 单词间距 默认0px text-decoration 值:none/underline/line=through text-align 水平对齐方式 vertical-align 垂直对齐方式(基于文字的基线) baseline/bottom/top/ middlle/sub/super/text-top/text-bottom/百分比 text-indent 首行缩进 长度单位 line-height:行高(行高需合并到font中) 长度单位 设置行高=高 使一行文字垂直居中(两行间基线的距离) font:[style/variant/weight] size/line-height family (直接写属性) css背景属性 background-color 背景颜色 backgroung-image 背景图片 url() background-repeat 背景图片的平铺方式 repeat(默认)/repeat-x/repeat-y/no-repeat background-position 背景图片定位 left/center/right/长度单位 top/center/bottom/长度单位(background-position: center(x) center(y); )

理解css中的长度单位

旧巷老猫 提交于 2019-12-06 07:58:46
很基础的一个问题,但是,其实看起来很复杂的样子~~我们来捋一捋吧~~ css3中也对css中用到的单位进行了改进,单位也就是那几个,所以我们要搞清楚再用。 %——百分比 in——寸 cm——厘米 mm——毫米 pt——point,大约1/72寸; pc——pica,大约6pt,1/6寸; px——屏幕的一个像素点; em——元素的font-size; ex——font-size的x-height值,为小写字母x的高度,通常相当于font-size的一半。 我们常用的有px、%、em,px就不多说了,em和%多说点儿: 1 2 3 .box { line-height : 1.3em ; } 元素的行高是当前元素继承的font-size的1.3倍, 1 2 3 .box { font-size : 1.3em ; } 当前元素的字体大小是其继承的font-size的1.3倍。 1 2 3 .box { line-height : 130% ; } 元素的行高是当前元素继承的font-size的130%倍,等同于1.3em。 1 2 3 .box { font-size : 130% ; } 当前元素的字体大小是其继承的font-size的130%倍,等同于1.3em。 恩,迷惑了吗? em就是基于当前元素的(如果没设置就是继承其父元素的)font-size。 而%对于font

css长度单位vh

≡放荡痞女 提交于 2019-12-04 04:38:52
css中的相对长度单位,表示相对视口的高度(viewport height),1vh = 1%*视口高度。 那么100vh就是整个视口高度。 来源: https://www.cnblogs.com/kongguzuyi/p/11831639.html

css专业术语笔记

匿名 (未验证) 提交于 2019-12-02 20:21:24
1. 属性 如height、color等,称作css的属性。 2. ֵ 在css中,如:10px, 50%, #ccc等这些都称作css的值。比较常见的类型值有:整数值,数值,百分比值,长度值,颜色值 3. 关键字 特指css里面一些很关键的单词。如solid、absolute、block等都是关键字 4. 变量 css中目前可以称为变量的很少,如:currentColor 5. 长度单位 (1). 相对长度单位:分为相对字体长度单位和相对视区长度单位 相对字体长度单位,如em、ex、rem、ch(字符0的宽度) 相对视区长度单位, 如vh、vw、vmin和vmax (2). 绝对长度单位:如px、pt、cm等 6. 功能符 值以函数的形式指定,主要用来表示颜色(rgba和hsla)、背景图片地址(url)、计算(calc)、过渡效果等。如rgba(0,0,0,0.5)、url('a.png')、scale(-1) 7. 属性值 属性冒号后面的所有内容统一称为属性值。例如:1px solid rgb(0,0,0) 8. 声明 属性名加上属性值就是声明,例如: color: transparent; 9. 声明块 声明块是花括号{} 包裹的一系列声明,例如: { height : 100px ; color : #ccc; } 10. 规则或规则集 出现了选择器,而且后面还跟着声明块

响应式布局

不羁岁月 提交于 2019-11-27 05:35:21
rem是什么?   rem是一个长度单位    * px: 绝对长度单位,最常用   * em: 相对长对单位,相对于父元素,不常用   * rem: 相对长度单位,相对于根元素,常用于响应式布局 响应式布局的常用方案 来源: https://www.cnblogs.com/yangkangkang/p/11347730.html