2014年CSS报告

国外有人把Alex的TOP1000的CSS给爬了一遍,然后做了一些统计,蛮有意思的。

属性(Properties)

  • 总共使用了1528个CSS属性(居然有这么多)
  • 使用最多的TOP5是:color, width, display, content, background-color
  • TOP50属性的使用频次占所有的85%
  • 有效CSS属性是79个(不包括私有属性)
  • 废弃的属性值有372个
  • 83种拼写错误的属性,约210个未知属性
  • * hack,在59种属性中用了70808次,最常见的是 * zoom (激活IE的hasLayout)
  • _ hack,在48种属性中用了2127次,最常见的是 _ font-family
  • 私有属性有609000个,约7%

继续阅读“2014年CSS报告”

平时我几乎不用的CSS相关内容

布局 Layout

visibility

设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间
如果希望对象为可视,其父对象也必须是可视的。

=*=*=*=*=

背景 Background

background-size

检索或设置对象的背景图像的尺寸大小。
该属性提供2个参数值(特性值cover和contain除外)。
如果提供两个,第一个用于定义背景图像的宽度,第二个用于定义背景图像的高度。
如果只提供一个,该值将用于定义背景图像的宽度,第2个值默认为auto,即高度为auto,此时背景图以提供的宽度作为参照来进行等比缩放。

=*=*=*=*=

字体 Font

font-variant

设置或检索对象中的文本是否为小型的大写字母。

=*=*=*=*=

选择器

兄弟选择器 (E~F)

属性选择器 Attribute Selectors 权重与Class一样,为10

=*=*=*=*=

属性Hack

_:选择IE6及以下。

 

老实说,这次的卷子,和上次的很不一样,虽然用的时间一样,但是感觉很不同~

平时几乎不怎么使用这样的东西,偶尔用到,也就是上网查一下就出来了,这次真被考惨咯~

会做导航栏了

ul li,这样做出来的是垂直的导航栏
然后通过CSS给li设置浮动,就都横排了
PS:最好用个div来放li,然后给这个div也设置浮动,同时,要设置这个div的宽度,否则会出问题,再把下个div设置一个清除浮动,导航栏就好了,还能通过CSS控制这个div来控制这个导航栏的位置

网页设计基础:Div+CSS布局入门教程_一、页面布局与规划

一、页面布局与规划

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。


继续阅读“网页设计基础:Div+CSS布局入门教程_一、页面布局与规划”