em

CSS里面的长度单位px/pt/em/in/pc/mm/cm解释

由 一世执手 提交于 2020-01-23 06:24:27
在CSS中，度量单位分为两种： 相对单位：px/em/ex/% 绝对单位：cm/pt/in/pc/mm 这些单位的具体解释 px 相对长度单位。像素（Pixel）。 像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。 em 相对长度单位。相对于当前对象内文本的字体尺寸。 如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 ex 相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。 如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 pt 绝对长度单位。点（Point）。 1in = 2.54cm = 25.4 mm = 72pt = 6pc pc 绝对长度单位。派卡（Pica）。相当于我国新四号铅字的尺寸。 1in = 2.54cm = 25.4 mm = 72pt = 6pc in 绝对长度单位。英寸（Inch）。 1in = 2.54cm = 25.4 mm = 72pt = 6pc mm 绝对长度单位。毫米（Millimeter）。 1in = 2.54cm = 25.4 mm = 72pt = 6pc cm 绝对长度单位。厘米（Centimeter）。 1in = 2.54cm = 25.4 mm = 72pt = 6pc

HTML文本格式化标签

由 不羁岁月 提交于 2020-01-23 02:41:28
文本以粗体方式显示，推荐使用strong < b > < / b > < strong > < / strong > 例如： 加粗 显示 文本以斜体方式显示，推荐使用em < i > < / i > < em > < / em > 例如： 斜体 显示 文本以加删除线方式显示，推荐使用del < s > < / s > < del > < / del > 删除线 显示 文本以加下划线方式显示，推荐使用ins < u > < / u > < ins > < / ins > 下划线 显示 注意：b i s u 只有使用，没有强调的意思 stong em del ins 语义更强烈 来源： CSDN 作者： KaiSarH 链接： https://blog.csdn.net/KaiSarH/article/details/103933757

mybatis缓存之一级缓存

由 故事扮演 提交于 2020-01-22 11:22:21
一级缓存：与数据库同一次会话期间查询到的数据会放在本地缓存中，以后如果需要获取相同的数据，直接从缓存中拿，没必要再去查询数据库。 package com.gong.mybatis.test; import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.List; import java.util.Map; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibatis.session.SqlSessionFactory; import org.apache.ibatis.session.SqlSessionFactoryBuilder; import org.junit.Test; import com.gong.mybatis.bean.Department; import com.gong.mybatis.bean.Employee; import com.gong.mybatis

CSS 单位em和rem的区别

由 六眼飞鱼酱① 提交于 2020-01-22 01:36:52
在css中单位长度用的最多的是px、em、rem，这三个的区别是： 　　px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 　　em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括： em相对于父元素，rem相对于根元素。 rem中的r意思是root（根源），这也就不难理解了。 em 子元素字体大小的em是相对于父元素字体大小 元素的width/height/padding/margin用em的话是相对于该元素的font-size 上代码： <div> 我是父元素div <p> 我是子元素p <span>我是孙元素span</span> </p> </div> div { font-size: 40px; width: 10em; /* 400px */ height: 10em; border: solid 1px black; } p { font-size: 0.5em; /* 20px */ width: 10em; /* 200px */ height: 10em; border: solid 1px red; } span { font-size: 0.5em; width: 10em; height: 10em; border: solid 1px blue; display:

python基础之推导式及匿名函数和高阶函数

由 。_饼干妹妹 提交于 2020-01-20 23:27:32
推导式 推导式:做一些有规律的数据结构 列表推导式： 1.普通循环 print([i for i in range(1,51)]) [加工后的变量 for 循环] print([f "学习python{i}天" for i in range(1,51)) 2.筛选模式 print([i for i in range(1,51) if i > 25]) print([i+j for i in range(2) for j in range(2)]) 字典推导式 1.普通循环 {键：值 for 循环} print({i:i+1 for i in range(3) if i > 1}) print(f"Python{i}":f"DAY{i+1}" for i in range(3)}) 输出：{'Python0': 'DAY1', 'Python1': 'DAY2', 'Python2': 'DAY3'} 2.筛选模式 {加工后的变量：加工后的变量 for循环 加工条件} print({i:i+1 for i in range(3) if i > 1}) 集合推导式 1.普通循环 {变量 for 循环} print({i for i in range(3)}) 2.筛选模式 {加工后的变量 for循环 加工条件} print({i for i in range(3) if i >2})

css3单位em，rem，px，vw，vh等

由 ￣綄美尐妖づ 提交于 2020-01-19 12:34:20
昨天发现了个好用的方法去设置手机端的rem单位，在这里记录下。 html{ 　　font-size:calc(100vw/7.5); } 这是按照750的设计稿（也就是iphone6的设计稿）。 100vw是设备的宽度，除以7.5可以让1rem的大小在iPhone6下等于50px。 替换页面中的单位，把所有的px单位替换成rem，除以100，比如某字体大小在设计稿上是36px，就是0.36rem。 在iPhone6下，所有元素的尺寸还是和视觉稿的尺寸一样，而iphone5/iphone6plus中，因为设备的宽度变小/变大了，100vw/7.5得到的值，会相应的变小、变大，即rem的单位值会变，页面中所有的尺寸会等比例缩放。 so,这样就做到l了针对不同分辨率的设备保持视觉一致了。 but，vw单位，在低版本的设备可能不支持，那就需要用js来处理一下： document.documentElement.style.fontSize = window.innerWidth/3.75 + 'px' ps：之所以让1rem等于50px，而不是1rem等于1px，是因为在chrome下针对中文的最小字体是12px。 下面介绍下css的各种单位： css单位 px ：绝对单位，页面按精确像素展示 em ：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算

css单位——vh vw em rem等详解

由 丶灬走出姿态 提交于 2020-01-17 01:49:26
最近看别人写代码，用到了height:100vh;当时感觉很有意思，以前没有见过vh这个单位，于是乎就到CSS3参考手册找答案了。。。自己顺便做了下总结： 1.vh vw:相对于视口的高度，宽度。视口被均分为100单位的vh,vw，神马意思呢？看个demo 1 <!DOCTYPE html> 2 <html lang="Zh-cn"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>css_vh_vw</title> 7 </head> 8 <style type="text/css"> 9 *{ 10 margin: 0; 11 padding: 0; 12 } 13 .a{ 14 height:10vh; 15 width: 10vw; 16 background-color: #3a9; 17 } 18 </style> 19 20 <body> 21 <div class="a"> 22 23 </div> 24 </body> 25 </html> View Code 效果图： 先说下我的浏览器窗口大概是1366*662，而代码里宽高分别是10vh 10vw;相当于把浏览器视口分成100份，取10vh 10vw,相当于取其中的10份，1366/100*10约等于136.59 662/100*10约等于66.19。 2.rem em

rem适配布局

由 北战南征 提交于 2020-01-17 01:02:21
rem基础 rem单位 rem（root em）是一个相对单位，类似于em,em是相对于父元素的字体大小，不同的是rem的基准是相对于html元素的字体大小。比如，根元素(html)设置font-size=12px;非根元素设置width:2rem;则换成px,表示就是24px 媒体查询 媒体查询（Media Query）是CSS3新语法 使用@media查询，可以针对不同的媒体类型定义不同的样式 @media可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 语法规范 @media mediatype and|not|only (media feature){ css-code; } 用@media开头注意@符号 mediatype 媒体类型 值 解释说明 all 用于所有设备 print 用于打印机和打印预览 screen 用于电脑屏幕，平板电脑，智能手机等 关键字 and not only 1.and:可以将多个媒体特性连接在一起，相当于’且’的意思 2.not:排除某个媒体类型，相当于‘非’的意思，可以省略。 3.only:指定某个特定的类型，可以省略 media feature 媒体特性必须有小括号包含 值 解释说明 width 定义输出设备中页面可见区域的宽度 min-width

maskrcnn-benchmark安装及常见错误

由 馋奶兔 提交于 2020-01-15 21:06:27
Mask rcnn环境配置 　在安装好Anaconda之后可以配置Mask RCNN了。这里我用的是maskrcnn-benchmark，环境搭建相对简单。 1. 创建虚拟环境： source activate conda create -n MaskRCNN python=3 conda activate MaskRCNN 完成后，可看到如下界面： 2. 安装各种依赖包： conda install ipython pip install ninja yacs cython matplotlib tqdm opencv-python 3. 安装PyTorch 　　 PyTorch官网 ，根据自己的电脑配置选择，会出现对应命令。 conda install pytorch torchvision cudatoolkit=10.0 -c pytorch 　　这里可以测试一下torchvision是否安装成功。如果没有安装成功，则需要下载源码编译安装（别着急，后面有写）。 :~$ python >>>>import torch >>>>import torchvision 　　 4. 安装目录 export INSTALL_DIR=/data_1/software/pytorch/MaskRCNN　　//设置自己的安装目录 cd $INSTALL_DIR 　　 5.

02_css3.0 前端长度单位 px em rem vm vh vm pc pt in 你真的懂了吗？

由 家住魔仙堡 提交于 2020-01-15 17:08:07
1：废话不多说，直接看如下图表： 2：px就不过多介绍了，就是像素点的大小，加入您的屏幕分辨率为1920，则每一个相当于每一个有横着的1920个像素点； 3：em 为相对单位，一般以 body 内的 font-size 为基准进行定义，默认值 1em = 16px，假如说我们想使用 “1em” = “10px” 来取代默认值 “1em” = “16px”，应写如下代码： body { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ } h1 { font-size: 2.4em; /*2.4em × 10 = 24px */ } ul{ 　　font-size: 125%; /* 基准变成了20px */ } li { 　　font-size: 1.4em; /*1.4 × ? = 14px ? */ } 但是问题来了，由于 “em” 是相对于父级元素讲的，所以加入 ul 不定义基准大小，则下面的 li 将级成原本的默认值 “1em” = “16px”，但是这样换算单位会很麻烦，但是每一个父级元素你都设置基准大小，平白地增加了无穷的代码编辑烦恼，这该怎么办呢？ 4：结合上面种种情况，rem 应运而生！！！在 W3C官网 上是这样描述 rem 的—— “font size of the root element” 。即当设置了 html{
订阅 em