平时当你使用css定义字体时你可能会这样做：
|
1 2 3 4 5 6 |
font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; |
我们可以简写这些样式：
|
1 |
font: 1em/1.5em bold italic small-caps verdana,serif; |
现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
查看全文
网页布局中，有时会出现页头及页脚固定高度，中间内容部分自适应高度，这需要怎么实现呢？
http://xuanfengge.com/demo/201407/resize/
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Copterfly's Blog</title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ padding:0 !important; padding:100px 0; width:100%; height:100%; overflow:hidden; } #header{ position:absolute; top:0; width:100%; height:100px; background:green; line-height:100px; text-align:center; } #middle{ position: absolute!important; top:100px!important; height:auto!important; position: absolute; top:100px; height:100%; bottom:100px; width:100%; background:#ffc; text-align:center; overflow: auto; } #footer{ position:absolute; bottom:0; width:100%; height:100px; background:red; line-height:100px; text-align:center; } </style> </head> <body> <div id="header">抬头</div> <div id="middle"> 1页中<br /> 2页中<br /> 3页中<br /> 4页中<br /> 5页中<br /> 6页中<br /> 7页中<br /> 8页中<br /> 9页中<br /> </div> <div id="footer"> 页脚 </div> </body> </html> |
获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class，JQuery代码如下：var p_class = $(“p”).attr(“class”); //获取p元素的class
使用attr()方法来设置p元素的class，JQuery代码如下：$(“p”).attr(“‘class”, “high”); //设置p元素的class为 “high”
在大多数情况下，它是将原来的class替换为新的class，而不是在原来的基础上追加新的class。
HTML：<!–这是一段注释。注释不会在浏览器中显示。–>
CSS： /*declarations*/
Javascript、PHP：单行： // 多行：/* */
其中在CSS（style）或者javascript（script）代码中加入HTML注释<!– –>是为了防止低版本的浏览器不支持style和script代码，而显示在页面当中。
这是为了兼容老版本的浏览器。老的浏览器不支持style，所以遇到style时，会把style样式单的内容显示在页面上。但是老版本的浏览器认识html的注释标记，所以加上标记后，这部分内容就会被当作注释忽略掉，样式单也就不会在页面上显示了。
而支持style的浏览器，则会忽视<!–标记，从而正常使用样式单。