font

CSS_相对单位rem

China☆狼群 提交于 2019-12-04 14:39:03
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么? rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。 为什么web app要使用rem? 这里我特别强调web app,web page就不能使用rem吗,其实也当然可以,不过出于兼容性的考虑在web app下使用更加能突显这个单位的价值和能力,接下来我们来看看目前一些企业的web app是怎么做屏幕适配的。 1、实现强大的屏幕适配布局: 最近iphone6一下出了两款尺寸的手机,导致的移动端的屏幕种类更加的混乱,记得一两年前做web app有一种做法是以320宽度为标准去做适配,超过320的大小还是以320的规格去展示,这种实现方式以淘宝web app为代表作,但是近期手机淘宝首页进行了改版,采用了rem这个单位,首页以内依旧是和以前一样各种混乱,有定死宽度的页面,也有那种流式布局的页面。

如何在微信小程序中使用iconfont

谁说胖子不能爱 提交于 2019-12-04 13:11:48
开篇废话 开发过小程序的童鞋肯定都会遇到这样的问题,当我们在小程序中使用 iconfont 官方推荐的方法插入字体时,我们总会得到一个打印机(滑稽)。那么如何在小程序中正确的使用iconfont呢? 一、 IconFont添加字体 使用GitHub或其他账号登录 iconfont ,将我们需要的字体添加购物车,然后再添加到新建的项目中。 二、 生成代码 点击查看在线链接,生成代码。 三、 下载代码 点击下载到本地,将下载好的字体文件中的iconfont.css中的样式中的代码粘贴到小程序app.wxss中。 四、 复制代码 复制上面我们生成的在线链接粘贴到小程序app.wxss中,最后代码如下图。 /**app.wxss**/ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; /* padding: 200rpx 0; */ box-sizing: border-box; } /*********在线字体代码start*********/ @font-face { font-family: 'iconfont'; /* project id 706535 */ src: url('//at

用Java在excel单元格中设置超链接

大兔子大兔子 提交于 2019-12-04 11:48:39
(一)问题引入   有时候我们在导入数据到excel中时可能要给某个文件或图片设置超链接,例如链接到外网或者是本地的某个目录。我们可以通过Java代码来实现,借助POI库。 (二)解决方案   下面直接给出参考代码示例: File file; Workbook wb = new XSSFWorkbook(file);Sheet sheet = wb.getSheet("sheet名称");Row row = sheet.getRow(行号);Cell cell = row.getCell(列号); String name = "超链接";cell.setCellValue(name); CreationHelper creationHelper = workbook.getCreationHelper(); Hyperlink link = creationHelper.createHyperlink(HyperlinkType.FILE); link.setAddress(url); cell.setHyperlink(link); Font font = workbook.createFont(); font.setColor(IndexedColors.BLUE.getIndex()); CellStyle cellStyle = workbook

windows下载安装swoole的方法

可紊 提交于 2019-12-04 10:51:10
windows下载安装swoole的方法 先安装Cygwin 选择163镜像(速度非常快) add url http://mirrors.163.com/cygwin/ 然后安装gcc php pcre-devel autoconf模块 如图下 选择安装的软件包,这里需要安装gcc、php、php开发工具、autoconf、pcre-devel,其它默认,这里注意的是,在上方的搜索栏搜索后,在下边找到对应的软件包选中,点击下一步按钮开始安装。(注意:下方的截图是我安装后界面,点击的位置一样,后边的图标可能不一样哦) 先在搜索gcc <img src="https://img-blog.csdn.net/20151119131721446?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> 然后php 这里注意PHP里面的模块json勾上 <img src="https://img-blog.csdn.net/20151119131819962?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize

一些大厂的css reset 代码

蓝咒 提交于 2019-12-04 10:24:30
不同的浏览器对标签的默认值不同,为了避免页面出现浏览器差异,所以要初始化样式表属性。使用通配符*并不可取,因为会遍历到每一个标签,大型网页会加载过慢,影响性能。 雅虎工程师提供的CSS初始化示例代码: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; } td,th,caption { font-size:14px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;} a { color:#555; text-decoration:none; } a:hover { text

国外大神制作的一个很棒的matplotlib 可视化教程

自闭症网瘾萝莉.ら 提交于 2019-12-04 08:40:13
国外大神制作的一个很棒的matplotlib 可视化教程 参考: https://www.machinelearningplus.com/plots/top-50-matplotlib-visualizations-the-master-plots-python/ ♔一:关联 散点图 带边界的气泡图 散点图与最佳拟合线 与stripplot抖动 计数图 边缘直方图 边缘Boxplot 相关图 矩阵图 ♔二:偏差 发散酒吧 分歧的文本 分散点图 用标记分散棒棒糖图表 面积图 ♔三:排行 条形图 棒棒糖图表 点图 坡度图 哑铃情节 ♔四:分配 连续变量的直方图 分类变量的直方图 密度图 密度曲线与直方图 Joy Plot 分布式点图 箱形图 Dot + Box Plot 小提琴剧情 人口金字塔 分类图 ♔五:组成 华夫饼图 饼形图 树形图 条形图 ♔六:更改 时间序列图 带有峰和谷的时间序列注释 自相关图 交叉关联图 时间序列分解图 多个时间序列 使用辅助Y轴绘制不同比例的绘图 带有误差带的时间序列 堆积面积图 区域图未拆封 日历热图 季节性情节 ♔七:组 树状图 群集图 安德鲁斯曲线 平行坐标 11 散点图 Scatteplot Scatteplot 是用于研究两个变量之间关系的经典和基本图。如果数据中有多个组,则可能需要以不同颜色可视化每个组。在Matplotlib

博客入门--自定义博客主题

走远了吗. 提交于 2019-12-04 08:14:38
  对于以往博客网站已提出较多主题供用户使用,但对于海量用户而言其主题难免过于单一。   为突出博客主题个性化显示,目前已有第三方开源库(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)供大家使用。本文以 博客园 为例,实现自定义主题设置。 进入博客园设置页面 下载第三方库 。本文重要使用资源包中的.\src\style\base.min.css的样式资源(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)。其中包含详细的说明文档,供大家参考( https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/Docs/Customization/config )。 设置 博客皮肤 为SimpleMemory。    页面定制css代码 ,并禁用模板默认css样式。    #EntryTag{margin-top:20px;font-size:9pt;color:gray}.topicListFooter{text-align:right;margin-right:10px;margin-top:10px}#divRefreshComments{text-align:right;margin-right:10px

matplotlib模块

可紊 提交于 2019-12-04 08:06:27
matplotlib模块 matplotlib官方文档 matplotlib是一个绘图库,它可以创建常用的统计图,包括条形图、箱型图、折线图、散点图、饼图和直方图。 一、条形图 import matplotlib.pyplot as plt from matplotlib.font_manager import FontProperties %matplotlib inline font = FontProperties(fname='/Library/Fonts/Heiti.ttc') # 修改背景为条纹 plt.style.use('ggplot') classes = ['3班', '4班', '5班', '6班'] classes_index = range(len(classes)) print(list(classes_index)) [0, 1, 2, 3] student_amounts = [66, 55, 45, 70] # 画布设置 fig = plt.figure() # 1,1,1表示一张画布切割成1行1列共一张图的第1个;2,2,1表示一张画布切割成2行2列共4张图的第一个(左上角) ax1 = fig.add_subplot(1, 1, 1) ax1.bar(classes_index, student_amounts, align='center',

conky 1.10配置lua语法

你。 提交于 2019-12-04 07:22:02
conky.config = { alignment = 'top_left', ackground = true, update_interval=1, double_buffer=true, imlib_cache_size=10, draw_shades=false, draw_outline=false, draw_borders = false, draw_graph_borders = false, show_graph_scale = false, show_graph_range = false, minimum_height = 620, minimum_width = 268, own_window = true, own_window_class = 'Conky', own_window_type = 'normal', own_window_transparent=true, border_inner_margin=0, border_outer_margin=0, own_window_hints="undecorated,below,sticky,skip_taskbar,skip_pager", own_window_argb_visual=true, own_window_argb_value=0, use_xft = true, xftalpha

2019.11.12-css样式

一笑奈何 提交于 2019-12-04 07:15:06
css文本设置 常用的应用文本的css样式: color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体,如:font-family:'微软雅黑'; font-style 设置字体是否倾斜,如:font-style:'normal'; 设置不倾斜,font-style:'italic';设置文字倾斜 font-weight 设置文字是否加粗,如:font-weight:bold; 设置加粗 font-weight:normal 设置不加粗 font 同时设置文字的几个属性,写的顺序有兼容问题,建议按照如下顺序写: font:是否加粗 字号/行高 字体;如: font:normal 12px/36px '微软雅黑'; line-height 设置文字的行高,如:line-height:24px; text-decoration 设置文字的下划线,如:text-decoration:none; 将文字下划线去掉 text-indent 设置文字首行缩进,如:text-indent:24px; 设置文字首行缩进24px text-align 设置文字水平对齐方式,如text-align:center 设置文字水平居中 css颜色表示法 css颜色值主要有三种表示方法: 1