关闭

[置顶] 前端开发之web字体

一般来说,我们做出的页面的样式受三方面影响,一是浏览器的默认样式,二是我们制作页面时所进行的网页的定义样式,三则是用户浏览器所做的自定义样式了。从理论上来说这三方面影响,后者总是大于前者,比如我们程序员所做的网页样式,可以覆盖掉浏览器的默认模式,诸如Css hack的手段层出不穷,而用户的浏览器自定义更能在我们做的页面定义的样式上改变其所见的网页,当然提供这种自定义功能的浏览器并不普及,诸如火狐和...
阅读(1170) 评论(0)

Css优先级算法如何计算

关于CSS specificity CSS 的specificity 特性或称非凡性,它是衡量一个衡量CSS值优先级的一个标准,既然作为标准,就具有一套相关的判定规定及计算方式,specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。 在多个选择符应用于同一个元素上那么Specificity...
阅读(923) 评论(0)

前端修炼手札:Chrome下CSS字体大小设置小于12px无效

在chrome浏览器中,可能是出于人性化浏览的考虑,如果字体大小小于12px,h...
阅读(1449) 评论(0)

前端修炼手札:清除浮动的四种方法

我们在页面布局时,基本上都避免不了使用float,但由此也会引发一些问题,尤其是在容器高度不固定时,此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的,那么由于内部的元素脱离了文档流,父容器就不能被撑开了。如果父容器设置的有背景或者边框的话,此时就不能正常显示了,另外,父容器下边的其他容器或内容也会跟着向上“浮”, 占据上面的子容器应该占据的位置。那么,这时就需要清除浮动了。 这里...
阅读(208) 评论(0)

web杂谈之响应式布局

什么叫做响应式布局? 也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,随着现在各种终端的快速发展,做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页...
阅读(230) 评论(0)

前端程序猿进阶不得不看的知识(一)

雅虎给出了优化网站加载速度的34条法则(包括Yslow规则22条) 详细说明,下载转发 ponytail 的译文(来自帕兰映像)。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法...
阅读(283) 评论(0)

web前端拾遗

在前端开发是一个极为需要实战经验的职业,且不说各种前端技术纷繁复杂,单单那成百上千的标签就需要大家...
阅读(194) 评论(0)
    个人资料
    • 访问:4552次
    • 积分:79
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:4篇
    • 译文:1篇
    • 评论:0条
    文章分类
    文章存档