随笔分类 -  CSS

CSS设置全局字体
摘要：在样式表或者页面head加上这个就可以了.分别是字体,字号,颜色,行高,总之要什么就写什么.body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #1d1007; line-height:24px} 这个是全局的,如果你要改局部,你可以自定义,比如:.ft02 { font-siz... 阅读全文
posted @ 2010-09-02 11:44 弹着钢琴设计
css 兼容FF和IE的div之height及min-height
摘要：FF与IE的min-height一直无法兼容，故只能通过js来动态改变div的height，在div的下面插入一段js，修改该div的style.height即可。 阅读全文
posted @ 2010-03-12 09:00 弹着钢琴设计
去除超链接、span、button、input被选中时出现的虚线框
摘要：有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？ 虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。 方法一： IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即： <a href="http... 阅读全文
posted @ 2010-02-24 20:40 弹着钢琴设计
padding与line-height详解
摘要：padding与line-height详解padding是布局设置，对容器进行内边距定义。而line-height是行距设置，设置对象(如文本)的行高。padding 是内补丁也叫内边距，也称为填充检索或设置对象四边的补丁边距。如果提供全部四个参数值，将按上-右-下-左的顺序作用于四边。如果只提供一个，将用于全部的四条边。如果提供两个，第一个用于上-下，第二个用于左-右。如果提供三个，第一个用于上... 阅读全文
posted @ 2010-02-23 14:02 弹着钢琴设计
Div与table的区别
摘要：Div与table的区别1：速度和加载方式方面的区别div 和 table 的差异不是速度，而是加载方式，速度只能是指网络速度，如果速度足够快，是没有差异的：div 的加载方式是即读即加载，遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容，读多少加载多少；table 的加载方式是完成后加载，遇到 <table> 后，在读到 </t... 阅读全文
posted @ 2010-02-23 13:52 弹着钢琴设计
CSS布局之——overflow
摘要：overflow属性定义了当子元素超越了包含它的元素时，子元素的显示方式。如果内容太多，overflow属性说明内容是否显示以及如何显示。overflow属性有4个可能值：visible：内容未被剪切，显示在元素外； hidden：内容被剪切，但是浏览器不显示滚动条，无法看到剩余的内容； scroll：即使有足够空间显示全部内容，浏览器也显示滚动条； auto：如果内容太多，浏览器将显示滚动条以查... 阅读全文
posted @ 2010-02-23 11:13 弹着钢琴设计
CSS定位之——浮动
摘要：本文来自：http://www.w3school.com.cn/css/pr_class_float.asp浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向... 阅读全文
posted @ 2010-02-23 09:56 弹着钢琴设计
[转]javascript中style.left和offsetLeft的使用
摘要：如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。2. style.left是读写的，... 阅读全文
posted @ 2010-02-09 13:44 弹着钢琴设计
FireFox与IE开发上的一些区别
摘要：1. window.event* IE：有window.event对象 * FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)2. 鼠标当前坐标* IE：event.x和event.y。 * FF：event.pageX和event.pageY。 * 通用：两者都有event.clientX和event.c... 阅读全文
posted @ 2010-02-09 13:33 弹着钢琴设计
CSS背景属性
摘要：背景颜色属性(background-color)这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。body {background-color:#99FF00;}上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。演示示例背景图片属性(background-image)这个属性为HTML元素设定背景图片，相当于HTML中background属性。<body st... 阅读全文
posted @ 2010-02-09 13:05 弹着钢琴设计