HTML常用网站

常用方式

比特虫ICO图标制作

www.bitbug.net

	/* 字符  */
	<meta charset=utf-8>
    <meta name=description content="YouGet">
    <meta name=viewport content="width=device-width, initial-scale=1">
    /*  ico图标  */
    <link rel="shortcut icon" type="text/css" href="br.ico">

优化

title 标题
description 说明
keyword 关键词

<meta name=description content="120字内的说明">
<meta name=keyword content="某某产品，某某产品，某某产品，关键词">

字体图标网站

icomoon字库
http://icomoon.io

阿里icon font字库
http://www.iconfont.cn/

/*            icomoon  代码介绍              */
/* 载入 icomoon*/
	@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7xdmpx');
  src:  url('fonts/icomoon.eot?7xdmpx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7xdmpx') format('truetype'),
    url('fonts/icomoon.woff?7xdmpx') format('woff'),
    url('fonts/icomoon.svg?7xdmpx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
	}

/*  调用icomoon  */
div,span{
        font-family:'icomoon';
        font-size:30px;
        color:red;
    }

快捷写法

	/*  适用sublime编辑器  */
	/*  打完按tab，方便快捷*/
	<div class="youget">
	.youget
	
	padding-left
	fl
	
	position: absolute;
	posa
	
	...