|
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最新特性一览,转载需保留来源!
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。