@charset "UTF-8"; @namespace url(http://www.w3.org/1999/xhtml); @viewport{ width:device-width } @font-face{ ... }
在此头部声明中,大家可以看到@charset用于声明文件字符编码(在这个例子中是UTF-8),@namespace用于定义命名空间,@viewport则可以定义浏览器的视口大小(在这里设为设备宽度)。@font-face则用于加载自定义字体。
更值得注意的是,CSS4还使用了新的文件头声明方式:@custom-selector。这个特性允许大家创建自定义的CSS选择器,而无需使用特定的HTML结构。例如,大家可以创建一个@custom-selector,将下面这个元素改为一个合法的CSS选择器:
<div class="my-class">...
@custom-selector :--my-selector .my-class;
在这个例子中,大家用:–my-selector代替了原来的.my-class,这个选择器可以被CSS样式所使用。这个新特性为开发者提供了更多的灵活性和创造力,让大家能够更好地控制和管理HTML元素样式。
总之,CSS4的文件头声明十分灵活和强大,它让大家能够更好地控制CSS样式和HTML结构,打造出更符合大家需求的网页。