font | 易学教程

iOS iconfont 图标字体

阅读更多关于 iOS iconfont 图标字体

　 iconfont 技术的主要是将图标转化为字体来减少应用体积。如需在项目中使用iconfont技术，图标矢量图一开始都应合并转化为字体库。优点：减小体积，字体文件比图片要小图标保真缩放，解决2x/3x乃至将来的nx图问题方便更改颜色大小，图片复用缺点：只适用于纯色icon 使用unicode字符难以理解需要维护字体库字体管理字体管理方式分为两种：在线管理（ iconfont.cn ）和FontForge工具。字体库生成这里推荐两个比较好用的网站iconmoon和iconfon，个人在做网页的时候，经常会在iconmoon上制作字体图标。如果设计师给你了字体库最好，如果给你的是 .svg 文件，就需要自己去转为字体库了。这里以iconmoon为例制作字体库，iconmoon需要翻墙。 1、导入设计师给的 .svg 文件 2、点击Generate Font 生成字体库，如下图 3、打开下载的文件夹，如下图 4、将.ttf 的字体库，导入项目中，要确保在下图路径中可以看到字体库 5、在plist文件中，添加字段Fonts provided by application并在该字段下添加GWH_search.ttf。工程中便可使用字体库了。 6、打开demo.html，可以看到图标字体的Unicode编码

中文排版CSS心得[转摘]

阅读更多关于中文排版CSS心得[转摘]

数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。 1、如何设定文字字体、颜色、大小 —— 使用font font-style设定斜体，比如font-style: italic; font-weight设定文字粗细，比如font-weight: bold; font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册） line-height设定行距，比如line-height: 150%; color设定文字颜色（注意不是font-color），比如color: red; font-family设定字体，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;（这是通用的写法）以上都可以写在一行font属性里

reset.min.css

阅读更多关于 reset.min.css

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td { margin: 0; padding: 0; } body { font-size: 12px; font-style: normal; font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif; } small { font-size: 12px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } ul, ol { list-style: none; } a { text-decoration: none; background-color: transparent; } a:hover, a:active { outline-width: 0; text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } hr { border: 0; height:

winform图片添加水印

阅读更多关于 winform图片添加水印

winform图片添加水印布局界面：代码： using System ; using System . Collections . Generic ; using System . ComponentModel ; using System . Data ; using System . Drawing ; using System . Linq ; using System . Text ; using System . Threading . Tasks ; using System . Windows . Forms ; using System . IO ; using System . Drawing . Imaging ; namespace WindowsFormsApplication3 { public partial class Form1 : Form { public Form1 ( ) { InitializeComponent ( ) ; } string [ ] filelist ; string dirfilepath ; private void button1_Click ( object sender , EventArgs e ) { if ( openFileDialog1 . ShowDialog ( ) ==

HTML CSS

阅读更多关于 HTML CSS

<h1>选择器<h1> <p>选择器是一个选择谁（标签）的过程。</p> <p>写法：</p> ◆标签选择器：选择器{属性:值；属性:值;} 属性解释 Width:20px; 宽 Height:20px; 高 Background-color:red; 背景颜色 font-size:24px; 文字大小 text-align:left | center| right 内容的水平对齐方式 text-indent:2em; 首行缩进 Color:red; 文字颜色 <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css"> div{ font-size:50px; color:green; background-color: yellow; } p{ color:pink; font-size:20px; } </style> <link rel="icon" href="favicon.ico"> </head> ★颜色的显示方式 ◎直接写颜色的名称 ◎十六进制显示颜色 0-9 a-f #000000; 前2为代表红色，中间2位代表绿色，后边2位代表蓝色。 ◎rgb ◎rgba A代表alpha

matplotlib的简单使用

阅读更多关于 matplotlib的简单使用

from matplotlib import pyplot as plt x = range(2, 26, 2) # 每两个小时的温度 y = [15, 13, 14, 17, 20, 25, 26, 26, 24, 22,18, 15] # 绘图 plt.plot(x,y) # 显示 plt.show() from matplotlib import pyplot as plt # 设置图片 fig = plt.figure(figsize=(20,8),dpi=80) x = range(2, 26, 2) # 每两个小时的温度 y = [15, 13, 14, 17, 20, 25, 26, 26, 24, 22,18, 15] # 绘图 plt.plot(x,y) # 设置x轴的刻度 # plt.xticks(x) # plt.xticks(range(2, 25)) #plt.xticks(range(2, 25, 0.5)) _xtick_labels = [i/2 for i in range(4,49)] plt.xticks(_xtick_labels[::3]) # 设置y轴的刻度 plt.yticks(range(min(y), max(y)+1)) # 图片的保存 plt.savefig('./sig_size.png') # 显示 plt.show()

Pyhton网页爬虫抓取学习（一） BeautifulSoup的使用

阅读更多关于 Pyhton网页爬虫抓取学习（一） BeautifulSoup的使用

<table id="table" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="from_w"> <tbody><tr> <td width="20%" align="right" class="tdlable">1</td> <td width="30%" align="left" class="tdvalue">2</td> <td width="20%" align="right" class="tdlable">1<font color="#FF0000">*</font> </td> <td width="30%" align="left" class="tdvalue">2 </td> </tr> <tr class="evenRow"> <td align="right" class="tdlable">2<font color="#FF0000">*</font> </td> <td class="tdvalue"></td> <td align="right" class="tdlable">1<font color="#FF0000">*</font> </td> <td class="tdvalue">1</td> </tr> <tr> <td

Python爬虫（一）

阅读更多关于 Python爬虫（一）

本教程基于Python3.6，Mac OS系统，Pycharm编辑器使用urllib库可以获取网页,示例代码如下 1 from urllib import request 2 3 #要爬取的网页，这里以百度为例 4 url = 'http://www.baidu.com/' 5 6 #构建请求对象Request 7 res = request.Request(url) 8 9 #发起请求，得到请求结果，命名为response 10 response = request.urlopen(res) 11 12 #读取结果，命名为html 13 html = response.read() 14 15 #打印查看结果 16 print(html) 可以看到打印的结果为 /Library/Frameworks/Python.framework/Versions/3.6/bin/python3.6 /Users/pn/Desktop/Python/blog/demo.py b'<!DOCTYPE html>\n\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n

怎么用javascript进行拖拽

阅读更多关于怎么用javascript进行拖拽

Javascript的特点是dom的处理与网页效果，大多数情况我们只用到了这个语言的最简单的功能，比如制作图片轮播/网页的tab等等，这篇文章将向你展示如何在自己的网页上制作拖拽．有很多理由让你的网站加入拖拽功能，最简单的一个是数据重组．例如：你有一个序列的内容让用户排序，用户需要给每个条目进行输入或者用select 选择，替代前面这个方法的就是拖拽．或许你的网站也需要一个用户可以拖动的导航窗口！那么这些效果都是很简单：因为你可以很容易的实现！网页上实现拖拽其实也不是很复杂．第一你需要知道鼠标坐标，第二你需要知道用户鼠标点击一个网页元素并实现拖拽，最后我们要实现移动这个元素．获取鼠标移动信息第一我们需要获取鼠标的坐标．我们加一个用户函数到document.onmousemove就可以了: document.onmousemove = mouseMove; function mouseMove(ev){ ev = ev || window.event; var mousePos = mouseCoords(ev); } function mouseCoords(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body

CSS-笔记1-选择器与文本元素

阅读更多关于 CSS-笔记1-选择器与文本元素

知识点一： CSS概念：CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。知识点二：选择器格式与部分属性：写法：选择器{属性：值；属性：值} 选择器是一个选择（一/多个）标签的过程。对应的属性与值表： Width:20px; 宽 Height:20px; 高背景颜色 font-size:24px; 文字大小 text-align:left | center| right 内容的水平对齐方式 text-indent:2em; 首行缩进 Color:red; 文字颜色知识点三：基础选择器：一：标签选择器：特点：标签选择器定义之后，会将页面所有的元素都执行这个标签样式。标签{属性：值} div{ font-size: 50px; color:green; background-color:yellow; width:300px; height:200px; } p{ color:pink; font-size:60px; } 颜色的显示方式：直接写颜色名称。十六进制显示颜色。 #000000;前2位代表红色，中间代表绿色，后两位代表蓝色。值越接近0颜色越深 RGB color：rgb(120,120,120);值在0-255之间。 RGBA 最后一位值在0-1 color:

订阅 font