摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>title</title> <link rel="stylesheet" type="text/css" href="./normalize.css"> <script> (f 阅读全文
posted @ 2017-03-06 15:20 chillylight 阅读(649) 评论(0) 推荐(0) 编辑
摘要: HTML5新添了一些语义化标签,他们能让代码语义化更直观易懂,有利于SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需要进行JavaScript处理。 解决思路就是用js创建html5中的新标签,代码如下: 对于上面的代码要初始化新标签的CSS.因为HTML5在默认情况下表现 阅读全文
posted @ 2017-02-27 17:44 chillylight 阅读(1793) 评论(0) 推荐(0) 编辑
摘要: 字体族: 字体样式相关的属性有六种:font-family font-size font-style font-weight font-variant font。根据外观,字体可以分为不同的类别包括衬线字体(serif)、无衬线字体(sans-serif)和等宽字体(monospace),每一类字体 阅读全文
posted @ 2017-02-23 11:01 chillylight 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说是不准确的。应该叫闭合浮动。清除浮动:清除对应的单词是 clear,对应CSS中的属性是 clear:left | right | both | none;闭合浮动:更确切的含义是使浮动元素闭合,从而减少浮动带来的影响。 浮动元素会 阅读全文
posted @ 2017-02-22 15:35 chillylight 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 最近在一个项目中,遇到了一个问题,需要把生成的canvas形式的二维码转换为图片,可以长按识别,保存等。查找了一些资料归纳总结了一些知识。 默认在jq库里进行,引入jquery.qrcode.min.js库,将canvas图片转化为img图片,代码如下, 同理也可以将图片转换为canvas,转换函数 阅读全文
posted @ 2017-02-21 16:41 chillylight 阅读(23695) 评论(3) 推荐(0) 编辑
摘要: 1.下表列出了内联元素和块级元素的主要区别 2.按字母顺序排列块级元素主要有 <address> 定义地址<caption> 定义表格标题<dd> 定义列表中定义条目<div> 定义文档中的分区或节<dl> 定义列表<dt> 定义列表中的项目<fieldset> 定义一个框架集<form> 创建表单 阅读全文
posted @ 2017-02-21 14:20 chillylight 阅读(11214) 评论(0) 推荐(4) 编辑
摘要: 刚接触前端时也搞不清楚<meta chartset="utf-8"> <meta chartset="gb2312">等这些到底是做什么的,各有什么优势。偶然在知乎看到了一篇文章,大致是弄懂了。 举一个例子:It's 知乎日报你看到的unicode字符集是这样的编码表: I 0049 t 0074 阅读全文
posted @ 2017-02-21 12:40 chillylight 阅读(225) 评论(0) 推荐(0) 编辑
摘要: js定时器主要有两个setTimeout和setInterval。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行 阅读全文
posted @ 2017-02-20 18:03 chillylight 阅读(680) 评论(0) 推荐(0) 编辑
摘要: SEO全称为Search Engine Optimization,中文解释为搜索引擎优化。一般指通过对网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广的效果。 那么,如何提高搜索引擎的搜索结果呢? 一 阅读全文
posted @ 2017-02-20 17:30 chillylight 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 常用的tab切换有四种 1.滑过切换(onmouseover) 2.点击切换(onclick) 下面代码显示了前两种情况,相对来说比较容易实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Tab 切换</title> 5 <meta charset=" 阅读全文
posted @ 2017-02-18 16:26 chillylight 阅读(300) 评论(0) 推荐(0) 编辑