Home思洋影视事业部网站建设知识库
0 Comments

CSS中at(@)指示符用法详解(2)

发布于：2013-11-06  |   作者：广州网站建设  |   已聚集：人围观

字符集

字符集charset at规则设置一个外部样式的字符编码，它应该出现在样式的顶端，大致如此：@charset"ISO-8859-1";

字体外观

字体外观font-face at规则用来详细描述一个能嵌入CSS的外部字体。

它必须一个font-family的字体可以参考的描述符，值可以是系统已经存在的字体名称（这种情况发生时会覆盖掉该字体），也可以是全新的名字。为了嵌入一个字体，需用使用src描述符。字体外观at规则的其他描述符是使用该字体的一些条件，比如，在at规则里面增加一条font-weight:bold样式，如果font-weight属性也设置了bold，font-family的src将应用该规则到带有font-family属性的选择符。
广州网站建设,网站建设,广州网页设计,广州网站设计

使用字体外形

at规则看起来像这样：

示例代码



    
	
  1. 
		@font-face{font-family:somerandomfontname;  
    2. 
	
  2. 
		src:url(somefont.eot);  
    3. 
	
  3. 
		font-weight:bold;}  
    4. 
	
  4. 
		p{font-family:somerandomfontname;  
    5. 
	
  5. 
		font-weight:bold;} 
    6. 




	这将使somefont.eot这个字体应用到段落里（如果p选择符没有设置成font-weight:bold的话就不会）。



	注意：



	现在内嵌字体的支持度还算凑合。基于Mozilla的浏览器不支持，并且也没有最近的计划显示它会支持。仅InternetExplorer似有一定程度上的支持，但也没有直接得方法。为了在IE中嵌入字体，你需要使用微软的WEFT软件，它会把一个TrueType字体转换成一个压缩的OpenType字体（这也值嗯嗯在指定的URI上使用）。因为有限的（也相当复杂）的兼容性，最好不要使用没有适合的可替换系统字体的内嵌字体。



	页面



	页面pageat规则用于页式（分页）媒体，是一个把样式应用到打印媒体的先进方法。它定义页面块的盒状模型（见边界和补白）扩展因此你可以定义一个独立页面的尺寸和表现。



	应用pageat规则有许多约定，比如没有补白和边界，我们也没有谈论电脑屏幕──点（pixel）和em作为单位是不可以的。



	可以使用很多指定属性，比如尺寸size，可以设置为portrait（竖排格式）、landscape（横排格式）、auto（自动）或者一个高度。marks属性也可以用来定义裁剪标志。



	示例代码




    
	
  1. 
		@page{size:15cm20cm;margin:3cm;marks:cross;}  
    2. 
	
  2. 
		 
    3. 




	页式媒体的伪类



	有三个伪类被用来指定与pageat规则相结合，用如此形式：@page:pseudo-class{stuff}。



	:first应用到页式媒体的第一页。



	:left和:right分别用于左边和右边的页面。这可以用来指定左边或者右边页面一个更大的边界。

	广州网站建设,网站建设,广州网页设计,广州网站设计



	还有其他更多的小方面指定页面at规则，比如页面分隔符和命名页面，但鉴于这个at规则很难在任何浏览器上工作，你可能在浪费时间在阅读这些东西上面。



	本文来自CSS在线：http://www.csscss.org/cssarticle/2009531124.shtml


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机