Web中的默认字体样式
Coder.Bing 发布于 2016-07-04
今天在“随网之舞”上看了一篇比较老的文章了,讲的是关于Web中的默认字体样式,其实在我们工作中经常遇到这样的问题。在项目结尾验收的时候,产品经常提出一些字体问题: 为什么下划线跟字体贴得这么近?数字和中文字体不在一条水平线上?英文字母怎么相对中文字靠上了? 作为一名前端工作者,收...
Coder.Bing 发布于 2016-07-04
今天在“随网之舞”上看了一篇比较老的文章了,讲的是关于Web中的默认字体样式,其实在我们工作中经常遇到这样的问题。在项目结尾验收的时候,产品经常提出一些字体问题: 为什么下划线跟字体贴得这么近?数字和中文字体不在一条水平线上?英文字母怎么相对中文字靠上了? 作为一名前端工作者,收...
Coder.Bing 发布于 2016-07-04
每次写篇文章,都要花几个小时【文笔不好】,虽然比较累,如果有着不错的点击率和大家的回复,累点也值了,(┬_┬) 。 前段时间做了一个“英国会不会脱欧”的活动页面,设计师设计了一个饼图的数据统计效果,要求实现完整效果,并且要兼容IE7+和其他主流浏览器。 每次提到统计图,首先会考虑...
Coder.Bing 发布于 2016-07-04
作为一名前端攻城师,在做项目时候调浏览器兼容问题会遇到关于各种浏览器模式,这些都是什么?啥是浏览器模式,啥是文档模式?标准模式和准标准的模式有什么区别?IE9兼容性视图和真正的IE9有什么区别?什么情况下会触发这些模式,又该怎样才能检测到浏览器当前处于哪种模式中呢?对于这些问题网...
Coder.Bing 发布于 2016-07-04
HTML与XHTML是一种语言还是两种语言基本上可以认为它们是一种语言的不同阶段有点类似于文言文和白话文之间的关系。因此它们也经常被写作(X)HTML。下面首先从它们的渊源和区别开始本教程的讲解 一、追根溯源 (X)HTML是所有上网的人每天都离不开的基础所有网页都是使用(X)...
Coder.Bing 发布于 2016-07-04
上篇我们讲过“【web前端工具Emmet教程】介绍与基础语法”,接下来说下Emmet指令原理以及实战说明。 先前提到我们只要输入指令“!”就可以默认生成一个 HTML5 的标准文档初始结构,代码如下: <!doctype html> <html lang=&qu...
Coder.Bing 发布于 2016-07-04
作为网页的基本元素,图片是影响页面加载速度的关键因素之一。我记得以前做页面重构的时候,在图片大小处理方面不够仔细,每次从PS中导出banner或者其他大图的时候都统一用JPG格式,后来发现有些用PNG会效果更好。后来发现:如果是图片渐变多、矢量元素多,颜色复杂的图等,用JPG会比...
Coder.Bing 发布于 2016-07-04
早在几年之前,提到框架以及元素的布局,我们第一就会想到用float浮动来处理,随着浏览器的发展,后面慢慢用到display:inline-block,再后来随着XP系统之“穷途末路”,display:table也开始流行起来。互联网在进步,我们也要不断提高自己的技能,避免被淘汰。...
Coder.Bing 发布于 2016-07-04
谷歌的debug一直是个英文的,其实这个对于一些前端开发者来说比较麻烦,其实用多了就习惯了的。比起Firefox的firebug来说还是有些差距的,但是谷歌占用内存远比FF小。所以掌握好谷歌的debug还是必须的。如果您想更深入的研究下,可以看下先前分享过一篇的文章“前端开发者调...
Coder.Bing 发布于 2016-07-04
浏览器下透明的那些事,经常会遇到,先前有同事问我,一直没来总结下,今天总算有点时间归纳下。针对不同的浏览器,使用css实现透明效果,可以使用不同的设置,大伙往下看呗!。 IE使用私有属性filter:alpha(opacity), Moz Family使用私有属性-moz-opa...
Coder.Bing 发布于 2016-07-04
页面中元素一般分为两种:块级元素,行内元素(内联元素),即然分为两种元素,那么他们之间必然有区别: 1.块级元素总是独自占一行,前面和后面就好像有个换行符,内联元素总是和其它的内联兄弟占一行 2.块级元素可以设置宽和高度值,内联元素就不行了,他们的宽和高总是随着自身的内容自动扩大...