| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 721 人关注过本帖
标题:样式代码是何意
只看楼主 加入收藏
燕之峰
Rank: 2
等 级:论坛游民
帖 子:146
专家分:63
注 册:2014-3-21
结帖率:100%
收藏
已结贴  问题点数:10 回复次数:8 
样式代码是何意
各位网友好,现一有关打印的CSS样式的代码,如下
<style type="text/css">
       @page
       {
           margin: 0cm;
           margin-top: 1cm;
       }
       BODY
       {
           margin: 0;
           line-height: 23px;
           background-color: #ffffff;
       }        
       @media Print
       {
           .no_print
           {
               display: none;
           }
       }
   </style>

请问,这代码各行都是何意,要使各样式起作用,应如何引入。
 @page
  BODY
  @media Print
这几行又是何意,@开头有何规定。表示何。
请指导,谢谢
搜索更多相关主题的帖子: display ffffff media style 如何 
2014-12-18 20:03
外部三电铃
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:那一年
等 级:贵宾
威 望:57
帖 子:2012
专家分:7306
注 册:2007-12-17
收藏
得分:0 
@page 定义的事整个页面的边距
@media Print定义的是打印时的样式

那一年,苍井空还是处女
2014-12-18 22:52
叫兽的谎言
Rank: 1
等 级:新手上路
帖 子:2
专家分:2
注 册:2014-12-19
收藏
得分:0 
回复 2楼 外部三电铃
首先表明,头像俺打算偷走,其次,@page用cm,而正常的样式用px,是这样么?
2014-12-19 16:37
外部三电铃
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:那一年
等 级:贵宾
威 望:57
帖 子:2012
专家分:7306
注 册:2007-12-17
收藏
得分:0 
如果定义body的样式,不需要@page,直接body{....}就可以了,至于打印样式,写在
<style midia="print">
.xxx{display:none;}
</style>
就可以了,


楼主要求效果可以这样实现

程序代码:
  <style type="text/css">
    BODY
    {
      margin-top: 1px;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      line-height: 23px;
      background-color: #ffffff;
    }
  </style>
  <style media="print">
    .no_print
    {
      display: none;
    }
  </style>

那一年,苍井空还是处女
2014-12-19 17:01
燕之峰
Rank: 2
等 级:论坛游民
帖 子:146
专家分:63
注 册:2014-3-21
收藏
得分:0 
BODY
       {
           margin: 0;
           line-height: 23px;
           background-color: #ffffff;
       }     
当中的   line-height: 23px;是何意,这是指哪里的高度

<style media="print">
    .no_print
    {
      display: none;
    }
  </style>
中的media="print"写成type="text/css",不一样吗

[ 本帖最后由 燕之峰 于 2014-12-20 08:33 编辑 ]
2014-12-19 21:40
外部三电铃
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:那一年
等 级:贵宾
威 望:57
帖 子:2012
专家分:7306
注 册:2007-12-17
收藏
得分:10 
BODY
        {
            margin: 0;
            line-height: 23px;
            background-color: #ffffff;
        }     
 当中的   line-height: 23px;是何意,这是指哪里的高度
 
<style media="print">
     .no_print
     {
       display: none;
     }
   </style>
 中的media="print"写成type="text/css",不一样吗

 line-height: 23px;意思是行高23px,指整个body标签里的高度,前面的BODY指定义整个body标签的css,如果加了点 .BODY 就是只 class="BODY" 的标签的css

media="print" 跟 type="text/css" 完全不是一回事,前者指打印css,后者可以省略

那一年,苍井空还是处女
2014-12-22 11:32
燕之峰
Rank: 2
等 级:论坛游民
帖 子:146
专家分:63
注 册:2014-3-21
收藏
得分:0 
按第6楼的意思,前面的BODY,如不加点,在BODY中不用引入,样式对BODY也有效
我说的BODY样式指的是
BODY
        {
            margin: 0;
            line-height: 23px;
            background-color: #ffffff;
        }     
是这样吗
2014-12-23 22:30
忘了12138
Rank: 1
等 级:新手上路
帖 子:4
专家分:7
注 册:2014-12-28
收藏
得分:0 
是吗?
2014-12-28 15:34
忘了12138
Rank: 1
等 级:新手上路
帖 子:4
专家分:7
注 册:2014-12-28
收藏
得分:0 
回复 6楼 外部三电铃
是的
2014-12-28 15:35
快速回复:样式代码是何意
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.082144 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved