03 2016 档案
摘要：<meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次
阅读全文
摘要：在通过Chrome浏览器进行web前端开发时，我们会经常用到Chrome自带的debugger工具，但是经常按完快捷键(F12)后，页面会进入 paused in debugger状态，需要点击右上角的deactivate breakpoints按钮继续，非常不方便。 主要原因是之前开发的时候不经意
阅读全文
摘要：给需要实现文字描边的元素添加如下CSS3的属性 text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0
阅读全文
摘要：前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。 text-shadow还没有出现时，大家在网页设计
阅读全文
摘要：网址： http://pxtoem.com/#help http://www.runoob.com/tags/ref-pxtoemconversion.html
阅读全文
摘要：这篇文章主要介绍了强制文本在一行内显示，多余字符使用省略号，设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。 复制代码 代码如下: <div
阅读全文
摘要：关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3，才发现里面其实暗藏玄机。 :nth-child可以选择父元素下的字元素，:nth-of-type也可以。但是它们到底有什么区别呢？ 其实区别很简单：:nth-of-type为什么要叫:nth-of
阅读全文
摘要：使用 iPhone 上的浏览器去浏览网页的时候，按钮总是显示超大圆角的样式，显得超级恶心，但是我们自己定义 border-radius 也没有效果，经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式。 input {-webkit-ap
阅读全文
摘要：偶然发现用ipad访问我的网站时，发现网站上的一串数字变颜色了（原来是红色的），现在变成了蓝色。一开始以为网站出了什么问题，后来在PC端查看，发现颜色依旧是红色。在ipad上点击还会弹出菜单呼叫的选项，基本可以断定是Safari搞的鬼了。Safari识别电话号码功能会自动将数字识别成电话号码。 别的
阅读全文
摘要：移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-H
阅读全文
摘要：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子菜单：subMenu 搜索：
阅读全文
摘要：1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a; * 建议用 - co
阅读全文
摘要：由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险 一、*{} #zishu *{} 尽量避开 由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始
阅读全文
摘要：顶级、块级、内联,html元素的三大分类 如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素. 1. Top-level element 【顶级元素】: { html, body, frameset }包括html, bo
阅读全文
摘要：大家应该都知道rel=’nofllow’的作用，它是告诉搜索引擎，不要将该链接计入权重。因此多数情况下，我们可以将一些不想传递权重的链接进行nofllow处理；例如一些非本站的链接，不想传递权重，但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。 除了rel=’nofollow’
阅读全文
摘要：nofollow是什么意思？ nofollow是html标签的一个属性值，Google推荐使用nofollow，告诉机器(爬虫)无需追踪目标页，是指禁止蜘蛛爬行和传递权重，但是如果你是通过sitemap直接提交该页面，爬虫还是会爬取，这里的nofollow只是当前页对目标页的一种态度，并不代表其他页
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
摘要：当今移动设备的发展已经越来越迅速，移动web开发的需求也越来越多多。许多大平台、大门户都纷纷推出了自己的移动web版网站。 随着移动设备飞速的发展，移动产品的屏幕规格越来越多。从几年前的320×240像素的屏幕，到现在1920×1080分辨率的屏幕。各种分辨率的屏幕让前端开发的人们叫苦连连，如何使用
阅读全文
摘要：概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School 必要属性 属性值描述 content some text 定义与http-equiv或name属性相
阅读全文
