font

在adminLTE3中推荐使用以下3个图标库 Font Awesome Iconic Icons Ion Icons 链接相应CSS文件来使用 < ! -- Font Awesome -- > < link rel = "stylesheet" href = "plugins/fontawesome-free/css/all.min.css" > < ! -- Ionicons -- > < link rel = "stylesheet" href = "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" > < ! -- Ion Icons 我还没找到在哪 o ( ╯□╰ ) o -- > 不过示例只给了简短几句话，具体图标用什么代码，示例中并未给出。 本次项目使用font awesome的图标库，官网： https://fontawesome.com ，但是访问速度很慢，图标图像几乎不显示… 还好我们还有Font Awesome的中文官网： http://www.fontawesome.com.cn/ 使用很简单 Easy to use 下载css文件，或使用CDN，在页面中引用（不下载也行，本来也自带了这套CSS，但是建议用中文官网的更准确） 在官网的图标库页面，点击需要的图标

看到别人炫酷的主题，好奇心使然，想要选择一个自己喜欢的炫酷背景，于是乎百度，动手尝试更换各种主题。 保存下来，留着以后想换主题的时候看。 1.Android Studio自带主题 File -> Settings -> Appearance & Behavior , 点击Appearance，找到Theme，可以看到Android Studio自带三个主题： 1）Darcula：经典的黑色背景主题 2）IntelliJ：换来换去，发现还是最喜欢这个，白色背景，经典但不花哨 3）Windows 2.网上下载各式各样的主题 网址：http://www.riaway.com/theme.php 选择自己喜欢的主题下载.jar到本地 3.添加到Android Studio中 1）File -> Import Settings，添加下载的.jar包到Android Studio中 2）等待Android Studio重启，便可看到添加的主题 3）File -> Settings -> Editor -> Colors & Font，点击Font，可以设置字体大小，也可以在Scheme选项中选择其它主题 4.各式主题效果图 1）Darcula 2）IntelliJ 3）Solarized Light(Alternate) 4）Monakai_2 来源： https://www.cnblogs

一、简介 词云图 是文本挖掘中用来表征词频的数据可视化图像，通过它可以很直观地展现文本数据中地高频词： ！ 图1 词云图示例 　　在 Python 中有很多可视化框架可以用来制作词云图，如pyecharts，但这些框架并不是专门用于制作词云图的，因此并不支持更加个性化的制图需求，要想创作出更加美观个性的词云图，需要用到一些专门绘制词云图的第三方模块，本文就将针对其中较为优秀易用的wordcloud以及stylecloud的用法进行介绍和举例说明。 二、利用wordcloud绘制词云图 wordcloud 是Python中制作词云图比较经典的一个模块，赋予用户高度的自由度来创作词云图： 图2 wordcloud制作词云图示例 2.1 从一个简单的例子开始 　　这里我们使用到来自wordcloud官方文档中的 constitution.txt 来作为可视化的数据素材： 图3 constitution.txt 　　首先我们读入数据并将数据清洗成空格分隔的长字符串： import re with open(‘constitution.txt’) as c: ‘’’抽取文本中的英文部分并小写化，并将空格作为分隔拼接为长字符串’’’ text = ‘ ‘.join([word.group().lower() for word in re.finditer(‘[a-zA-Z]+’, c.read

常见方式： 1. 固定宽度(320)做法：这样前端倒是爽了，可是大页面两边有留白，小页面图标文字又会缩的很小，用户体验极其不好。 2. 流式布局：其实就是用%，这样宽度倒还差不多，高度怎么搞？所以这种布局一般都是宽度自适应高度写死，显的很不协调，另外对设计也有很大的限制，另外还有兼容性方面的问题。 3. 响应式布局：说白了就是利用CSS3中的Media Query（媒介查询），喊的很火，谁用谁知道，简直累死人不要命。 4. 设置viewport进行缩放：以320 宽度为基准，进行缩放，最大缩放为320*1.3 = 416，基本缩放到416都就可以兼容iphone6 plus的屏幕了。<meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 5. 利用vh、vw适配：兼容性太差。 rem是什么 rem是一个相对根元素html字体大小的单位，所以它的大小是由html的fontSize大小决定的，假如我把html的fontSize设置为10px，此时的1rem就等于10px，假如我把html的fontSize设置为100px，此时的1rem就等于100px，这也正是我们能用rem做移动端适配的根本原因，就是通过不同屏幕下改变根元素fontSize的大小

index.css /* 中间模块 */ .grid{height: 480px;} .grid-coll1{width: 190px;height: 100%;background-color: pink;} .grid-coll2{width: 790px;height: 100%;background-color: skyblue;margin-left:10px;} .grid-coll3{width: 190px;height: 100%;background-color:purple;} normalize.css /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* http://necolas.github.io/normalize.css/ */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and

index.css /* 中间模块 */ .grid{height: 480px;} .grid-coll1{width: 190px;height: 100%;background-color: pink;} .grid-coll1 ul{padding: 20px 0;} .grid-coll1 ul li{padding-left: 12px;} .grid-coll2{width: 790px;height: 100%;background-color: skyblue;margin-left:10px;} .grid-coll3{width: 190px;height: 100%;background-color:purple;} normalize.css /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* http://necolas.github.io/normalize.css/ */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent

我之前是用Edraw max画图的，但是有一个致命的问题就是在图上写字母的时候与图解释中不一致，所以尝试了一下LaTex画图，哎呀，耗费我一下午的时间呀 首先导入包：\usepackage{tikz} 源码如下： \begin{figure}[!t] \centering \begin{tikzpicture} \draw[color=black] (-1.8,-1.7) rectangle (3,1.5); \filldraw[yellow!80] [opacity=0.4] (0,0) circle (1.0); %画圆 \filldraw[blue!70] [opacity=0.4] (1.2,0) circle (1.0); %画圆 \node [font=\fontsize{8}{6}] (node001) at (-1.4,0.5){ H ( x ) H(x) H ( x ) }; \node [font=\fontsize{8}{6}] (node002) at (2.5,0.5){ H ( y ) H(y) H ( y ) }; \node [font=\fontsize{8}{6}] (node003) at (-0.4, 0){ H ( x ∣ y ) H(x|y) H ( x ∣ y ) }; \node [font=\fontsize{8}{6}]

viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ DEMO地址： http://qianduannotes.sinaapp.com/test/fontResize.html （已经用JS修正重绘bug） <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Demo</title> <style type="text/css"> #box { font-size: 4vw;} </style> </head> <body> <div id="box"> 我是靖鸣君 我是靖鸣君 我是靖鸣君 </div> </body> </html> 但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的： When the height or

前言 不像响应式布局，通过media query，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。但出于一些原因，它的使用率还远远没有响应式技术高。 在印刷的历史上，排版是根深蒂固的。关于“流体”的概念，在传统思想里并不存在。这是因为，在印刷上，尺寸大小都是有固定的，不用考虑在页面上使用。我认为流体排版技术可以和网页很好的匹配。这是在不同媒介上的一种解决方法。 并不意味着我们要推翻之前的所有关于排版的认识，只需要去学习如何用不同方式，去运用掌握新的技术。只要注意细节，就可以制作出适配所有屏幕尺寸的完美的页面。 流体排版上手 视口（viewport）单位 ，使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。 举个例子，1视口宽度（vw）等于视口宽度的1%，它不同于百分比的地方是，它的宽度是依赖于视口的宽度的，而百分比是元素的祖先元素来决定的。 视口单位，不同于其它单位，它不依赖于基础字体的大小。这种差别很重要，使它变得有意义而且独特。 可以使用的4种视口单位 ： vw :视口宽度(viewport width) vh :视口高度(viewport height) vmin :视口宽度或高度，选择小的那个 vmax :视口宽度或高度，选择大的那个 使用流体排版最简单的方法

文章目录 HTML CSS---页面美化和控制 HTML 一、语法 ①文档后缀名 .html 或者 .htm ②标签分为： 围堵标签：有开始结束标签，如 <html></html> 自闭和标签：开始标签和结束标签在一起如 <br/> ③标签可以嵌套 ④在开始标签中定义属性，属性是由键值对构成，值需要用引号引起来 ⑤html的标签不分大小写，建议使用小写 示例 < html > < head > < title > monkey的标题 </ title > </ head > < body > < font color = ' red ' > hello monkey1 </ font > < br /> < font color = ' green ' > hello monkey2 </ font > </ body > </ html > 二、标签 1、文件标签 <html></html> :html文档的根标签 <head></head> :头标签，用于指定html文档的一些属性。引用外部的资源 <title></title> :标题标签 <body></body> :体标签 <!DOCTYPE html> :html5中定义该文档是html文档 2、文本标签 <h1> to <h6> :标题标签，字体大小逐渐递减 <p></p> :段落标签 <br> :换行标签 <hr><