CSS

line-height的妙用

CSS中的line-hight属性是用来控制文本行之间的空隙的。它一般情况下没有单位的设定(如:line-height:1.4;)所以这是一个按字体尺寸的比例来计算。这对印刷版来说是一个很重要的属性。线条过低就会挤在一起,线条过高就会相距甚远,这两种情况都会降低可读性。不过你可能已经知道了这一点。

CSS中的background-position

为元素应用背景图片大概是CSS中最常使用的特性之一,并且有很多背景属性来让我们控制元素背景的各方面表现。元素可以有多个背景图片。如果想要应用多个背景图片,你可以为元素提供一个逗号分隔的列表值作为background-image属性,而background-position属性用于指定图片的位置。这个属性很多不同的可能值,各有不同的效果,而且一些值可能对于CSS初学者来说很陌生,值得深入研究。

CSS中的剪裁和遮罩

剪裁和遮罩都是用来隐藏元素的一些部分、显示其他部分的。当然了,这两者还是有区别的。区别主要在于这几方面:他们能做的东西,不同的语法,涉及到的不同技术,是新的还是旧的,以及浏览器支持的差异。但不幸的是总是有相当多的过时信息在那儿,所以一起来看看能否解决这个问题。

打印样式设计

对于Web前端开发人员来说,或许有碰到过打印页样样式的设计。说起这个或许很多同学都会想起打印样式表。但真正打印样式表要如何设计,如何制作?并没有太式人深纠。也致使很多同学在让客户打印机能更好打印Web页面时非常的痛苦。在这篇文章里,我们将探索一些已有的CSS模块,它们不是在网页浏览器中使用,而是为了解决打印和分页的问题。我将解释选择器,属性和值的作用。最后我会提供一个实际例子,你可以把它作为自己试验的基础。对于这个例子,我们需要支持这些特殊CSS。我正在用的是Prince,它是一个商业软件。然而,Prince有针对非商业使用的免费版本,是实验这些例子的好工具。

2014年CSS报告——考察如何使用CSS

很少有人针对CSS的使用做一份详细的报告,今天看到Alex McPherson的《The 2014 CSS Report:Examining how CSS is being used in the wild》一篇文章,作者通过近万个网站的CSS样式文件做分析,得出这份2014年CSS使用报告。觉得很有意义,特意将其整理到站上,让大家也了解这份报告说了哪些东西。希望对大家有所帮助。

如何设置基线网络

首先,当谈到排版,我们先要了解基线是什么?维基百科是这样定义)的:在排版和书法中,基线是以字终sit底线为基础,并且向两边延伸的直线。好极了,但我为什么要忽视他呢?好希望你充满激情的去设计一个非常好看的网站。我的愚见是,一个惊人的网站的基础在于他的排版。为了让网站上的所有文本流动顺畅对齐,我们就要基于一个网格线来排版,这也就有了基线网格一说,也使基线网格有用武之处。基线将确保有一个适当的行高,这是非常重要的,它适用于任何列的布局当中。

构建一个垂直规律

排版中的空间就如音乐中的时间。它是无法区分的,但少数的时间间隔比任意数量的选择更有意义。印刷商Robert Bringhurst曾经说过:“常规时间为音乐提供了更好的节奏”。所以在排版中提供有规律的空间比没有规律的要更具有可读性,不会让读者变得迷惘和丢失方向。在Web排版中,垂直规律(Vertical Rhythm)指的是文本的排版和间距,引导读者往下阅读主要包括三个因素:文字大小,行高和外距或者内距。所以这些因素要让垂直规律保持不变。

使用字符串(STRINGS)设置样式

今年在墨尔本(澳大利亚)举办的CSSConf中,我有一个主题需要演讲——"Styling With STRINGS"。该讲座主要介绍的是在组件中如何使用FlexboxcurrentColorem,在浏览器中快速实现Web应用程序所需要的风格。其实这篇文章更是向大家介绍了如何通过修改一个属性就能修改整个组件的大小、颜色。并且简单介绍了如何让你把修改好的文件能直接放置在你的本地目录中。虽然描述短小,但涉及的知识点还是蛮有意思的,希望这篇译文能对你今后的工作略有帮助。

2014年前端将会发生什么

在过去的几年中,Web开发者被迫接受了几大变化:HTML5的兴趣,预处理器的出现JavaScript框架,结合一个庞统的一系列技术的变革,推动了整个设计的趋势。在很短的时间内,移动响应式设计,扁平化(Flat Design)用户界面和深层次的交互页面成为标准做法。那么在2014年Web前端又将会发生什么?如果您对这个话题感兴趣的话,欢迎进入一起讨论与分享。

走过的2013年

在新年将至的当中,大家都在思考,都在回味,都在总结,都在向往。我也同样不能脱俗,一直都在思考,为2013一年,为自己走过的这一年,为w3cplus这一年做一个总结,但一直不知道如何执笔开始。思来想去,有了下面的一些记录,只想让这些记录告诉我,2013看走过的一切,同时让我更好的迎接2014年,迎接新的一年,迎接新的人生。

自从有了W3cplus之后,我热衷于前端技术,喜欢前端的活动,更爱上了前端的技术分享。在2013年当中,在众多朋友一起努力之下,总共发表博文279篇,其中技术博文216篇,CSS3教程61篇,CSS3案例25篇,收集前端各类在线工具近100个,整理jQuery插件近300个。还有前端较为新的技术,包括Sass教程47篇,Grunt教程近10篇,响应式设计近27篇。而且在今年在众多同学的帮助之下,组织翻译外国博文近115篇。看到这些数字,也让自己感觉到在2013年当中没有白混,让我自己更好的准备迎接2014年。

页面

返回顶部