<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox</title>
</head>
<mce:style type="text/css" media="screen"><!--
p.ie{
height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
color:blue; // 所有浏览器
color:brown\9; // 所有IE浏览器
+color:red; // IE7
_color:green; // IE6
}
--></mce:style><style type="text/css" media="screen" mce_bogus="1">p.ie{
height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
color:blue; // 所有浏览器
color:brown\9; // 所有IE浏览器
+color:red; // IE7
_color:green; // IE6
}</style>
<body>
<p class="ie">
<span style="display:block;display: ......
1.在页面HEAD中引入一个特殊的CSS
<link rel="stylesheet" type="text/css" href="${contextPath}/styles/print.css" media="print" />
2.在print.css中通过将页面中显示的区域DISPLAY设置为NONE,打印区域设定DISPLAY为BLOCK
另外可以加入一个特殊的CSS来控制分页效果
.pageBreak{
page-break-after: always;
}
<div class="pageBreak"></div> //该DIV为分割线 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>CSS使用overflow属性实现鼠标经过放大缩略图</title></meta>
<style>
body
{
margin: 0;
padding: 40px 80px;
background: #fff;
font: 70% Arial, Helvetica, sans-serif;
color: #555;
&nb ......
一 关于css的id选择符
每个html的元素都包含一个id属性，该属性是唯一的，可以唯一标示一个元素，我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下：
<p id = "bulletinContent" >我的blog</p>
二 class选择符
html中包含class属性，与id属性不同，class属性不要求唯一性，多个元素可以拥有相同的calss属性。
h2.titleLevel2
{
color:Gray ;
}
html 页面代码:
<h2 class="titleLevel2">测试class的属性</h2>
三 多重class
由上节的内容可知，class属性和id属性的不同之处，id属性是唯一的，而同一个属性可以赋给多个元素。
一个html元素可以属于多个class。
<h2 class="class1 class2">测试class的属性</h2>
css文件如下:
& ......
最新文章 : css