font-size

vue

独自空忆成欢 提交于 2019-12-01 06:46:24
复习 """ 1、vue-router插件 路由跳转: <router-link to="/path"></router-link> <router-link :to="{name: 'path'}"></router-link> this.$router.push('/path') this.$router.push({name: 'path'}) this.$router.go(-1) this.$router.go(1) 路由传参: 配置:path: '/path/:pk' => 请求:`/path/${pk}` => 取值:this.$route.params.pk 配置:path: '/path', name='path' => 请求:{name:'path', query={pk:值}} => 取值:this.$route.query.pk 2、vuex插件 完成任意组件间的数据交互(当页面刷新重新加载,仓库中的数据会重置) store.js配置: state: {num:0} 取值:this.$store.state.num 赋值:this.$store.state.num = 10 3、vue-cookies插件 下载 => 配置 => 使用 下载: cnpm install vue-cookies 配置main.js: import cookies from

工具类css框架

穿精又带淫゛_ 提交于 2019-12-01 06:13:19
@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { font-size: 13px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background: #f1f1f1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #999; } .w-100 { width: 100%; } .h-100 { height: 100%; } .text-info { color: #4b67af; } .bg-info { background: #4b67af; } .text-primary { color: #db9e2f; } .bg-primary { background: #db9e2f; } .text-white { color: #fff; } .bg-white { background: #fff; } .text-light { color: #f9f9f9; } .bg

How to change the default font size in the Swing GTK LookAndFeel?

删除回忆录丶 提交于 2019-12-01 05:58:09
Is there a way to change the default font size in the Swing GTK LaF? The GTK LaF seems to assume 72dpi, so all the fonts are only 3/4 of the size they should be when using a 96dpi screen. See this Fedora bug for details. I'd like to find a workaround in the meantime, while I wait for the fix. I've already tried resetting the font size via UIDefaults , as recommended here , for example, but (as also noted there) the GTK LaF appears to ignore this. I could build a widget factory that would also set the desired font size for creating all of my Swing widgets, but that's going to be massively

sass的语法及其用法

怎甘沉沦 提交于 2019-12-01 05:05:54
1、sass语法 1.1 css的编译模式 css --- 普通 sass / scss --- 高效 // ********* less --- 高效 1.2 sass介绍 来源: ruby语言 基础的版本,后缀名为sass:没有{},只能通过缩进来实现 -- 可读性差、难以维护 // css .box {width: 100px} // .sass .box width: 100px; // 据说是这样 .scss 后缀 --- 可读性高、便于维护 html { background: red } // scss语法--嵌套 --- 权重 .box { color: blue; .test { font-size: 20px; } } // ==》 .box {color: blue;} .box .test { font-size: 20px;} 1.3 如何使用scss 最终需要使用的是css文件,编写的scss文件 转换工具 gulp / webpack / ruby工具 / 编辑器插件 选用gulp来处理scss文件 2、sass用法 2.1 安装 sass 模块 cnpm i gulp-sass -S (推荐) cnpm i gulp-sass-china -S 2.2 配置处理scss文件gulp的任务 gulp.task('scss2css', () => {

静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别

拟墨画扇 提交于 2019-12-01 04:54:19
弹性布局(em布局/rem布局) em和rem的区别 在了解弹性布局前我们需要先知道em和rem rem: font size of the root element, rem是相对于根元素<html>来设置字体大小的,这就意味着,我们只需要根据自己的需求在根元素确定一个参考值。 em:以父节点font-size大小为参考点,标准不统一,容易造成混乱 em/rem与px的换算 浏览器的默认字体高度一般为 16px ,即1em:16px,但是 1:16 的比例不方便计算,为了使单位em/rem更直观,CSS编写者常常将页面跟节点字体设为62.5%,比如选择用rem控制字体时,先需要设置根节点html的字体大小,因为浏览器 默认字体大小16px*62.5%=10px。这样1rem便是10px,方便了计算。 那么为什么一般多是 html{font-size:62.5%;} 而不是 html{font-size:10px;}呢? 因为有些浏览器默认的不是16px,或者用户修改了浏览器默认的字体大小(因浏览器分辨率大小,视力,习惯等因素)。如果我们将其设置为10px,一定会影响在这些浏览器上的效果,所以最好用绝大多数用户默认的16作为基数 * 62.5% 得到我们需要的10px。 html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} body

CSS不同颜色按钮实例

前提是你 提交于 2019-12-01 04:52:32
CSS减少代码重复技巧非常多,以主要包含采用相对尺寸、半透明颜色的实例来说明CSS减少代码重复技巧的一些运用。 以下为通过CSS代码实现的一个“Yes!”按钮效果以及相应的代码: <span class='basisButton'> Yes! </span>  与之组合的CSS代码: .basisButton { padding: 6px 16px; border: 1px solid #446d88; background: #58a linear-gradient(#77a0bb, #58a); border-radius: 4px; box-shadow: 0 1px 5px gray; color: white; text-shadow: 0 -1px 1px #335166; font-size: 20px; line-height: 30px; }   #相对尺寸的使用 行高是字号的1.5倍,可以修改为: font-size: 20px; line-height: 1.5em; 字号也可以根据父元素字号修改为相对尺寸: font-size: 1.25em; /* 假设父级元素字号为16px*/ line-height: 1.5em;  将pading、border-radius、box-shadow以及text-shadow值也根据字号为基准修改为相对尺寸:

What does half a pixel mean in the font-size CSS property?

妖精的绣舞 提交于 2019-12-01 03:29:22
I'm currently working on a website redesign and I'm receiving a list with the required changes from an agency. The header menu of the site currently has the following styles: line-height: 1em; font-size: 11px; In one of the documents I have received there's a change request that requires me to change those styles to: line-height: 1.2em; font-size: 11.5px; I know that the EMs are OK with the decimal values but what does half a pixel mean in the font size? I have tried to change the font size using the inspector from 12 to 11.5 and to 11 and the change from 11 to 11.5 is visible but the one from

matplotlib: Controlling pie chart font color, line width

心已入冬 提交于 2019-12-01 03:13:49
I'm using some simple matplotlib functions to draw a pie chart: f = figure(...) pie(fracs, explode=explode, ...) However, I couldn't find out how to set a default font color, line color, font size – or pass them to pie(). How is it done? Global default colors, line widths, sizes etc, can be adjusted with the rcParams dictionary: import matplotlib matplotlib.rcParams['text.color'] = 'r' matplotlib.rcParams['lines.linewidth'] = 2 A complete list of params can be found here. You could also adjust the line width after you draw your pie chart: from matplotlib import pyplot as plt fig = plt.figure

Why android gives warning on using size smaller than 12sp?

随声附和 提交于 2019-12-01 02:27:20
Well, I am developing app for 7 inch tablet, more specially for nexus 7, and in the XML layout file, i get warning Avoid using sizes smaller than 12sp: 11sp if i set the size of any textField to less than 12sp ? I am adding screen shots for more clarity of the problem For the default font scaling, 1sp = 1dip = 1/160". A height of 11sp is about 1/15th of an inch, which is pretty tiny. This is a Lint error. You can override it -- press <Ctrl>-<1> , and the quick-fix list menu should give you the ability to suppress the message. But, if you try 12sp, you will probably see that it too is very tiny

less使用

南楼画角 提交于 2019-12-01 02:16:48
/------------------------------------- ├ 布局 ┆ └------------------------------------/ // 盒子宽高 .size(@w, @h) { width: @w; height: @h; } // 最小尺寸, 兼容IE6 .min-width(@min-w) { min-width: @min-w; _width: @min-w; } .min-height(@min-h) { min-height: @min-h; _height: @min-h; } // 内联块级元素, 兼容IE6 .dib() { display: inline-block; *display: inline; *zoom: 1; } // 固定定位, 兼容IE6 .fixed() { position: fixed; _position: absolute; *zoom: 1; } // 统一盒模型 .border-box() { *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } // 文字图片居中 .center(text-x) { text-align: