定义未来Web样式 CSS 3最新特性一览

 HTML 5和CSS 3是目前Web领域被讨论的热门话题,HTML 5被看做是未来的Web开发标准,而CSS 3的新特性也让人们备受期待。

  最基础的东西

  刚入门的网页设计人员最常犯的错误是创建一个无法修改的样式表,容纳了过多的class(类)和id,维护难度非常大。假设你想改变你发布的文章的标题颜色,而其它文章的标题颜色保持默认的颜色,不用给每个标题都增加一个big-red类,明智的方法是使用div类打包你发布的文章(可能是post),然后为你想要修改的标题创建一个选择器,如:

 .post h2 {  
font-weight
: bold;
color
: red;
}

  网页字体和字体装饰

  font-face

  关于font-face在网络上的讨论已经够多了,争论的焦点是这个属性是否会给设计带来视觉上的混乱,有些人认为应该按自己意愿选择任意字体,但另外的人则认为应该使用网页安全字体。

  无论你持何种观点,有一点你必须得承认,使用font-face的网站看起来就是要美观些。font-face属性的使用是相当简单的,首先上传你想使用的字体到你的网站,并给它取一个好的名字。font-face的基本格式如下:

 @font-face {  
font-family
: Museo Sans;
src
: local(“Museo Sans”), url(MuseoSans.ttf) format(“opentype”);
}

  控制溢出

  通过text-overflow属性控制当文本溢出其容器时显示什么,例如,如果你想让新闻列表中的所有项目占据的高度都一样,这时你可以使用CSS增加省略号表示由更多的文本内容未显示,在iPhone中我们经常看到这样的应用。这个属性在最新的Safari、Opera、IE6(溢出元素应该设置一个宽度,如100%)和 IE 7中有效,在Opera中还必须加上厂家特殊的属性。

 li {  
white-space
: nowrap;
width
: 100%;
overflow
: hidden;
-o-text-overflow
: ellipsis;
text-overflow
: ellipsis;
}

it知识库定义未来Web样式 CSS 3最新特性一览,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。