1、新建一个html文件，命名为test.html。在test.html文件内，使用span标签创建一段文字的展示，并设置其id属性为tar。在test.html文件内，再使用button标签创建两个按钮，一个显示按钮，另一个隐藏按钮。
创新互联建站是一家专注于成都网站设计、网站建设、外贸网站建设与策划设计,新河网站建设哪家好?创新互联建站做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:新河等地区。新河做网站价格咨询:18982081108
2、是否双面打印应该通过用户代理指定。不管是否双面打印，CSS 打印总是包含左页和右页 (分别通过 ：left ， ：right 指定) 。
3、display属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性，被隐藏的元素不占据任何空间。不仅如此，一旦display设为none任何对该元素直接打用户交互操作都不可能生效。
4、打开“CSS样式”面板。 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。
5、隐藏不需要打印的部分 用法：我是需要打印的内容。
在Dreamweaver CS5中，可以使用“CSS样式”面板向CSS规则添加属性。向CSS规则添加属性 打开“CSS样式”面板。 选择选择一条规则：在“正在”模式下的“CSS样式”面板的“规格”窗格中选择一条规则。
在“CSS样式”面板的“正在”模式下编辑CSS规则 打开“CSS样式”面板。 使“CSS样式”面板处于“正在”模式下。 选择当前页面中一个HTML元素，此时已在“CSS样式”面板中显示了此元素的CSS属性。
CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识已设置格式元素(如 P、H类名称或 ID)的术语，而声明则用于定义样式元素。
打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。
我们下面来看CSS设置页面打印的具体内容有两种实现的方式第一种CSS代码在这里经常使用，仅在通过设置内部的“media =”print“”进行打印时才应用CSS。
方法一：使用link引入外部样式表。media属性设置为print，表示该样式作用于打印。import方式引入样式表。@import url(css/printstylesheet.css) print；以上代码引入的样式可以用于打印样式。
CSS 打印无法指定文档是否为双面打印 (Duplex Printing)，是否双面打印应该通过用户代理指定。不管是否双面打印，CSS 打印总是包含左页和右页 (分别通过 ：left ， ：right 指定) 。
第一种方法：如果要打印的页面排版和原web页面相差很大，采用此种方法。点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。
规范内容页面位置 一般来讲，搜索引擎的蜘蛛爬行的顺序为：从左到右，从上到下，利用CSS样式，我们可以很好的分配重要资源在相关位置：① 顶部导航包含核心关键词链接：从左到右，关键词指数依次递减。
网页标题要一起且不重复 每个网页制作都要有自己一起的标题，即便在一个网站内，主题相同，不同页面具体内容不会相同，网页标题也不能重复。
id和class一般是存在在css文件中，一般都会禁止搜索引擎爬取的，所以id和class影响不大。但是一个网站拥有比较好的框架结构以及符合标准的html代码有利于搜索引擎的收录。
screen（屏幕）print（打印）tv（电视）projection（投影仪）all（全部）当然还有其他的类型，但是我们主要就是介绍使用print来制作打印页面。
A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。
在 @media print 或 my-print-style.css 中，可以自由的修改大部分样式。使用打印媒介查询可以自定义很多样式，当希望改变页面大小、边距等，就需要用到 @page 了。
第在HTML页面加入为打印机设置的CSS文件media=screen ，是面向屏幕的；media=print ，是面向打印的；第建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。
方法一：使用link引入外部样式表。media属性设置为print，表示该样式作用于打印。import方式引入样式表。@import url(css/printstylesheet.css) print；以上代码引入的样式可以用于打印样式。
当 white-space 为 pre 时，换行符有效、多个空格及Tab不会被折叠，文本不会自动换行。此属性多用来展示程序代码段，可以保留其中的换行及缩进，而事实上，的浏览器默认样式中就有 white-space： pre； 。
你只需要在你的.html文件中插入一个prefixfree.js文件(可以是文档任何地方)，建议把这个脚本文件放在样式表之后。 添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这种做法将所有压力交给了客户端来处理。
这并不影响屏幕上的显示效果。在网页头部调用 link href=用于打印的css文件地址 type=“text/css” rel=“stylesheet” media=“print” / media=“print” 意思就是在打印的时候启用该样式。
CSS如何设置对象中第一行文本的样式： 可能有时候需要特别设置对象中第一行文本的样式，下面简单介绍一下。
