CSS经典十,第1页2

1.css字体属性缩写规则

这通常是通过在CSS中设置字体属性来完成的:

字体粗细:粗体;
字体样式:斜体;
字体变体:小瓶盖;
字体大小:1em;
行高:1.5em;
字体:宋体,无衬线字体;

但是你也可以把它们都写在同一行上:

字体:黑体、斜体小写1em / 1.5em Verdana,sans serif;

太好了!只有一点要提醒的是:这种简单的方法只能在字体大小和字体属性指定在同一时间,如果你不设置字体的重量,样式,和字体的变体,他们将使用默认值,这是要记住的。

2。同时使用两个类

一般来说,只能为一个元素设置一个类(类),但这并不意味着不能使用两个类:



同时,P元素被赋予两个类,中间是空格开的,所以文本和边两个类的所有属性都被添加到p元素中,如果两个类中的属性是冲突的,则后置设置工作,即CSS文件中后期类的属性。

补充:对于一个ID,你不能写这个…它不能这样写

默认值为3。CSS边框

通常可以设置边界的颜色、宽度和样式,如:

边境:3px固体# 000

边界显示为3像素宽、黑色和实心,但实际上这里只需要指定一种样式。

如果只指定样式,则默认值用于其他属性。一般来说,边框的宽度默认值是中等,通常等于3到4像素;默认颜色是文本的颜色。如果这个值正确,则不必设置太多。

4。文档打印CSS

许多网站都有版本的打印,但实际上并不需要,因为CSS可以用来设置打印样式。

也就是说,您可以为页面指定两个CSS文件,一个用于屏幕显示,另一个用于打印。



第一行是显示,第二行被打印,媒体属性被注意到。

但是我应该在打印CSS中写些什么呢你可以通过设计一个普通的CSS方法来设置它。同时,可以设置CSS来显示CSS来检查它的效果。也许你会使用显示:没有命令关闭一些装饰图片和关闭一些导航按钮。

5。图像替换技术

一般建议使用标准HTML来显示文本,而不是使用图片,这不仅速度快,而且可读性更高。但是,如果您想使用某些特殊字体,只能使用图片。

例如,如果您想要整个销售图标,您可以使用图片:



当然,但是对于搜索引擎来说,他们对alt的替换文本几乎和普通的文本不感兴趣,因为很多设计师都用了很多关键词来欺骗搜索引擎,所以应该是这样的:

买小部件

但是这种方式没有特殊的字体。要达到同样的效果,你可以用这种方式设计CSS:

h1 {背景:URL(Widget图像,GIF)没有重复;高度:图像高度文本缩进:- 2000px }

注意把图像的高度改变到真实图片的高度。在这里,图片会显示为背景,而真实的文本会因为2000像素的缩进而在屏幕的左2000个点上消失。但是对于那些关闭图片的人来说,他们可能看不到全部。