网页打印设置css样式 css 打印

写的css样式怎么按照尺寸打印出来

screen（屏幕）print（打印）tv（电视）projection（投影仪）all（全部）当然还有其他的类型，但是我们主要就是介绍使用print来制作打印页面。

创新互联公司-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、成都服务器托管、等保安全、私有云建设等企业级互联网基础服务，欢迎来电：18982081108

A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。

在 @media print 或 my-print-style.css 中，可以自由的修改大部分样式。使用打印媒介查询可以自定义很多样式，当希望改变页面大小、边距等，就需要用到 @page 了。

第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。

网页使用CSS样式的方法有多重，下面简单介绍一下：将样式直接写在标签之内，例如：蚂蚁部落此中方式的优点是使用灵活，但是缺点也很明显，比如不能够统一管理样式，容易造成页面体积庞大等等问题。

使用HTML标签的style属性如：这种方式的优点：分散灵活方便；缺点：缺乏整体性和规划性，不利于维护，维护成本高；这种方式的CSS渲染的优先级要高于其它三种。

使用link引入外部样式表：以上代码的CSS样式用于屏幕显示效果，对于打印无效。关键在于media属性值。以上代码的样式代码可以用于打印内容。

说白了就是选择器。CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。

margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。

四个选择器的用法可以参阅CSS中a：link、a：visited、a：hover、a：active的用法一章节。：link选择器可以参阅CSS的链接伪类选择符E：link一章节。：visited选择器可以参阅CSS的链接伪类选择符E：visited一章节。

1、方法一：使用link引入外部样式表。media属性设置为print，表示该样式作用于打印。import方式引入样式表。@import url(css/printstylesheet.css) print；以上代码引入的样式可以用于打印样式。

2、第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。

3、使用link引入外部样式表：以上代码的CSS样式用于屏幕显示效果，对于打印无效。关键在于media属性值。以上代码的样式代码可以用于打印内容。

4、在 CSS 中使用 @import 在 HTML 中使用标签在 @media print 或 my-print-style.css 中，可以自由的修改大部分样式。

5、A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。

6、很简单，再写一个打印专用的css文件，让隐藏的东西再显示出来，这并不影响屏幕上的显示效果。在网页头部调用 media=“print” 意思就是在打印的时候启用该样式。

网页名称：网页打印设置css样式 css 打印
文章源于：http://shouzuofang.com/article/dijhdsc.html