[分享]css中 page是啥玩意

CSS（Cascading Style Sheets）是一种用于网页样式设计的语言，它通过选择器和属性来实现对HTML标签的样式配置。在CSS中，Page是一个特殊的选择器，它用于指定打印时页面的样式...

CSS（Cascading Style Sheets）是一种用于网页样式设计的语言，它通过选择器和属性来实现对HTML标签的样式配置。在CSS中，Page是一个特殊的选择器，它用于指定打印时页面的样式控制。

Page选择器的定义方法如下：

@media print {
  @page {
    /* 样式控制 */
  }
} 

其中，@media print表示选择打印时使用的样式，@page表示选择打印时页面的样式。在@page后面可以添加一些与页面相关的属性：

• size: 页面大小，如A4、Letter等
• margin: 页面边距，包括上、右、下、左四个方向的边距
• marks: 标记，可以添加一个watermark作为背景
• orphans: 可接受分页的最小行数
• widows: 可接受分页的最小列数

示例：

@media print {
  @page {
    size: A4;
    margin: 2cm;
    marks: url("watermark.png");
    orphans: 2;
    widows: 2;
  }
} 

在实际使用中，Page选择器可以用于控制打印时的纸张大小、边距、水印等，从而达到更好的打印效果。除了Page选择器，CSS还有很多其他的选择器，可以用于实现不同的样式效果。