`

样式控制

 
阅读更多

1, 页面样式问题: 
显示器和打印机是不同的,主要是长度单位的不同,显示器常用px,而打印机很多时候用mm,所以需要两套css样式来控制。

<link rel="stylesheet" href="../assets/css/abc.css" media="screen"/>

<link rel="stylesheet" href="../assets/css/abc-print.css" media="print"/>

 

@media print  

 {     

     .Noprint{DISPLAY:none;}     

     .w{width:100%;}           /*版心适应打印设备的100%*/

 }

 

2.

.header {
  1. height: 70px;
  2. margin-bottom: 20px;
  3. box-shadow: 0 5px 20px rgba(0,0,0,.1);
分享到:
评论

相关推荐

    使用样式控制按钮的背景

    ### 使用样式控制按钮背景的基础概念 #### CSS选择器与伪类 在CSS中,选择器用于匹配HTML文档中的元素,而伪类则是一种特殊的选择器,用于定义某些特定状态下的样式。例如,`:hover`伪类用于定义当用户将鼠标指针...

    CSS完全手册 样式控制操作手册

    **CSS完全手册——样式控制操作手册** 在网页设计领域,CSS(Cascading Style Sheets)是一种不可或缺的语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS定义了如何在媒体(如屏幕、...

    Form任意字体样式控制

    "Form任意字体样式控制"这个标题表明我们讨论的主题是关于如何在C# Winform应用中实现对文本显示的自定义控制,特别是涉及到字体的样式调整。 在C# Winform中,我们通常使用`System.Windows.Forms.Label`、`System....

    样式控制与页面布局.pdf

    样式控制与页面布局是网页设计的关键环节,直接影响到网站的视觉效果和用户体验。在XHTML中,元素是构建页面的基础,它们通过特定的标记来定义,如`&lt;div&gt;`、`&lt;body&gt;`等,甚至包括服务器控件如`&lt;asp:Button&gt;`。样式则...

    懒人原生css3样式控制table表格隔行高亮显示

    今天懒人站长特意整理了一份css3样式控制的表格界面 看起来简洁方便控制,也容易使用 注意:低版本浏览器下效果较差,因为其中一部分采用了css3样式   使用方法: 1、head中的css样式复制到你...

    样式控制与页面布局.docx

    【样式控制与页面布局】是网页设计的核心环节,关乎到网站的整体视觉效果和用户体验。样式控制决定了元素在浏览器中的呈现方式,包括字体、颜色、背景、边距等各个方面,而页面布局则是指如何合理地组织网页元素,...

    qt实现字体样式控制,包括居左、居右、居中,粗体、斜体、下滑线,包括颜色更改等

    在Qt中,实现字体样式控制(如居左、居右、居中,粗体、斜体、下滑线,以及颜色更改等)主要通过QFont和QTextCharFormat类来完成,同时结合QLabel、QTextEdit或QPlainTextEdit等控件来展示这些样式。需要注意的是,...

    XML与WEB Service技术(微软):第03章 CSS样式控制.ppt

    了解并熟练掌握CSS的样式控制,能帮助开发者创建出更具吸引力且易于维护的网页。无论是控制元素的字体、颜色,还是布局和定位,CSS都是不可或缺的工具。通过合理地利用内联、嵌入和外部链接样式,以及选择适当的单位...

    HTML5仿Chrome样式控制滑杆动画.zip

    HTML5仿Chrome样式控制滑杆动画是一个前端开发项目,它主要展示了如何利用HTML5、CSS和JavaScript技术来创建一个与谷歌Chrome浏览器样式相仿的滑杆动画效果。这个项目特别强调了CSS3的新特性以及jQuery库在实现动态...

    CSS2 中文手册,Css 样式控制速查手册

    **CSS2中文手册——网页样式控制的必备指南** CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS2作为其第二个主要版本,引入了许多关键特性,极大地...

    通过css样式控制单元格内超长文本自动换行.doc

    今天,我们将讨论如何使用 CSS 样式控制单元格内超长文本自动换行,并解决浏览器兼容问题。 单元格自动换行问题是 Web 开发中常见的问题,特别是在表格中显示大量文字时,超长文本可能会溢出单元格,影响页面的美观...

    QSS样式控制.emmx

    qss样式控制

    前端导出excel,可以控制样式,单元格合并居中等

    "full.min.js"版本包含了所有必需的功能,包括样式控制和单元格操作,使得前端开发者可以在浏览器端直接进行复杂的Excel操作。 二、导出Excel的基本步骤 1. 引入库:在HTML文件中,通过`&lt;script&gt;`标签引入"xlsx....

    弹出层(css样式控制)

    弹出层(css样式控制)弹出层(css样式控制)弹出层(css样式控制)

    样式控制checkbox

    当遇到 `checkbox` 不易被样式控制的情况时,我们可以采用JavaScript(JS)来模拟实现更丰富的视觉效果。以下将详细介绍如何使用JS和CSS来实现自定义的 `checkbox` 样式。 首先,我们需要理解原生 `checkbox` 的...

    css样式控制

    呕心沥血收集到的css样式控制资料 Div+CSS 布局大全.pdf Dreamweaver 8完美网页设计之CSS快速参考.chm CSS2手册.0_DOC.chm css20.chm cssfilter.chm

    HTML5样式控制示例代码

    在HTML5中,样式控制是通过CSS(Cascading Style Sheets)来实现的,它可以用来定义页面中元素的外观、布局和结构。本示例主要介绍了如何使用`&lt;span&gt;`元素来对行内元素进行分组,并应用样式进行格式化。`&lt;span&gt;`元素...

    固定表格行和列css样式控制

    固定表格行和列css样式控制,代码只做了固定一行两列,下载了根据自己的需求修改

    样式表CSS.ppt学习

    【CSS详解】 ...CSS的作用在于分离内容...通过这些选择器,可以精确地定位并应用样式,实现不同层次的样式控制和复用,从而创建出丰富多样的网页设计效果。了解和熟练掌握CSS,对于构建美观、响应式的现代网页至关重要。

    EHHorizontalSelectionView, 水平表视图样式控制器.zip

    EHHorizontalSelectionView, 水平表视图样式控制器 EHHorizontalSelectionView这是显示水平列表( 水平 tableview )的扩展 安装 CocoaPods要使用CocoaPods安装 EHHorizontalSelectionView,请将它的集成到

Global site tag (gtag.js) - Google Analytics