
css
文章平均质量分 73
pangni
这个作者很懒,什么都没留下…
展开
-
CSS控制print打印样式
添加打印样式1. 为屏幕显示和打印分别准备一个css文件,如下所示:用于屏幕显示的css: 用于打印的css:2. import方式:3. 直接把屏幕显示样式和打印样式写在一个css文件中: @media print {}{ h1 { color: black; } h2 {}{原创 2011-03-04 21:05:00 · 34723 阅读 · 1 评论 -
2栏布局——一栏自适应
<br />一栏固定宽度,一栏自适应:<br /> <div id="right">右栏</div><br /> <div id="left">左栏</div><br />右栏固定宽度,左栏自适应<br />有如下方法: <br />1、#right{background-color:#f00;width:200px;float:right;}<br /> #left{background-color:#999;margin-left:-200px;}<br />2、#right{back原创 2011-03-19 18:40:00 · 1097 阅读 · 0 评论 -
3栏布局
左右栏固定宽度,中间栏自适应其余宽度。 文档顺序:左,中,右1、一种不推荐的做法,用绝对定位实现。 实现要点:左栏left、右栏right设为绝对定位,分别设置width。左栏设置left和top, 右栏设置right和top。自适应的中间栏设置为相对定位,设置margin:0 200px(不用相对定位也可可以了)。 ************ 问题:如果非自适应的栏高度超过自适应的栏高度,并不能撑开底下的footer。2、用浮动实现。 实现要点:三栏均原创 2011-03-19 18:06:00 · 1078 阅读 · 0 评论 -
居中一个元素——水平居中
一、居中一个绝对定位元素。 先让盒子的左边界位于中间position:absolute;left:50% ;然后再通过左移盒子,左移的距离是盒子宽度的一半margin-left:-266px; (提醒:left属性和margin属性的百分比值是以包含块为基数计算的) body {margin:0px; padding:0px;} #Content { position:absolute; left:50%; width:500px; margi原创 2011-03-19 19:03:00 · 805 阅读 · 0 评论