随笔分类 - CSS
摘要：CSS开发中常用技巧总结 使用css缩写好处 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。 明确定义单位，除非值为0，以及px和em区别。 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一 个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以 外，其...
阅读全文
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解 scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获...
阅读全文
摘要：CSS属性：marker-offset marker-offset : auto | length 取值： auto : 默认值。浏览器自动设置间距 length : 由浮点数字和单位标识符组成的长度值。可为负值。 说明：设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。作用于 display 属性值为 marker 的元素。对应的脚本特性为 markerOffset ...
阅读全文
摘要：CSS控制打印样式<linkhref="/Skin/print.css"rel="stylesheet"type="text/css"media="print"/>这是导入外部css文件的代码，并且导入样式应用在“打印预览模式”下，此代码引用的print.css文件在正常浏览网页的情况下是不起作用的，在打印页面的时候才会应用。 link是html标签，导入外部文件。 href是导入文件的路径。 rel定义文档与链接的关系,取值“stylesheet”为一个外部加载的样式表 type所导入文件的类型,取值
阅读全文
摘要：HTML DOM rules 属性返回 HTML DOM Table 对象参考手册定义和用法rules 属性可设置或返回表格的内部边线。语法tableObject.rules=none|groups|rows|cols|all实例下面的例子设置了表格的两种不同的内部边线：<html><head><script type="text/javascript">function rowRules() { document.getElementById('myTable').rules="rows" }func
阅读全文
摘要：转载:http://zhidao.baidu.com/question/255951942.html<!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"><title>Test</title><style typ
阅读全文
摘要：隔行换色示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>放弃class与js实现隔行换色效果</title> <meta http-equiv="Content-Typ
阅读全文
摘要：margin-left是做边距，是宽度 margin-left是左外边距，距离左边元素的距离。left是定位盒子左上角左边位置的一个点用left和top的时候要加上position:absolute; 其实可以这么理解，left其实就是X，top就是Y，在浏览器里所有像素的坐标系表达就是（x,y）咯，然后根据页面元素的实际size来计算某个元素实际需要的left和top是多少。
阅读全文
摘要：display:block 前后会换行
阅读全文
摘要：padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；top:10px;是指容器本身的顶部距离页面的顶端有10个像素举例： <table> <tr> <td>11</td> </tr> </table> <table style="top:100px;"> <tr> <td>22</td> </tr> </
阅读全文
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>模式对话框示例</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=&q
阅读全文
摘要：一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素实例：* { margin:0; padding:0; }p { font-size:2em; }.info { background:#ff0; }p.info { background:#ff0; }p.info.error { color:#900; font-weight:bold; }#info { background:#ff0; }p#i
阅读全文
