CSS
hidetobj
这个作者很懒,什么都没留下…
展开
-
精通CSS+DIV:1,CSS初体验
本人忘性大,每读一书必做笔记,便于日后查阅。 《精通CSS+DIV》做CSS入门,不错。 一、CSS的四种使用方式 1,行内式 [code] Content [/code] 2,链接式 [code] [/code] 3,内嵌式 [code] [/code] 其中这里使用HTML注释来针对老式的不支持CSS的浏览器兼容,以...2007-09-18 12:41:04 · 88 阅读 · 0 评论 -
精通CSS+DIV:理解CSS定位与DIV布局
[b]一、DIV标记与SPAN标记[/b] div和span都可以作为一个容器,集体控制容器内的样式 区别是div使块级元素,前后会有换行 而span是行内元素,前后不会换行 div内可以有span,而span内不能有div [b]二、盒子模型[/b] 1,概念 任何页面元素都可以看成一个盒子 一个盒子模型由content、padding、border、margin四部分组成 ...2007-11-02 15:31:51 · 104 阅读 · 0 评论 -
scrolling div & mysql GUI client
给div指定高度height并使用overflow属性来让它出现scrollbar样式: [code] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 [/code] Most popular cross-platform MySQL GUI client: [url=http://w...2007-11-01 17:19:17 · 149 阅读 · 0 评论 -
z-index让div层次堆叠
今天工作中发现jQuery的lightbox将calendar_date_select覆盖掉了,经sliu指点原来是CSS中的一个z-index的问题,z-index越大则显示在页面的最上面,否则就被覆盖掉了。...2007-10-23 18:42:45 · 311 阅读 · 0 评论 -
精通CSS+DIV:用CSS制作菜单
[b]一、item list[/b] 1,列表符号 [code] ul { list-style-type: decimal; } li.special { list-style-type: circle; } disc circle square decimal upper-alpha lower-alpha upper-roman lower-rom...2007-10-19 16:26:46 · 178 阅读 · 0 评论 -
精通CSS+DIV:用CSS设置页面和浏览器的元素
一、超链接 1,动态超链接 [code] a:link { color: #005799; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:hover { color: #FFFF00; text0decoration: underlin...2007-10-11 18:42:28 · 71 阅读 · 0 评论 -
精通CSS+DIV:6,用CSS设置表格与表单样式
一、控制表格 1,表格中的标记 [code] table: border, summary caption th: scope(row, col) [/code] 2,表格的颜色 [code] .datalist { color: #0046a6; background-color: #d2e8ff; font-family: Arial; } .datal...2007-10-09 14:50:57 · 147 阅读 · 0 评论 -
精通CSS+DIV:5,用CSS设置网页背景
一、背景颜色 1,页面背景色 [code] body { background-color: #5b8a00; } [/code] 2,使用背景色给页面分块 [code] body { background-color: #ffebe5; } .topbanner { background-color: #fbc9ba; } .leftbanner { ...2007-09-30 11:20:13 · 123 阅读 · 0 评论 -
精通CSS+DIV:4,用CSS设置图片效果
一、图片样式 1,图片边框 [code] img.test1 { border-style: dotted; /*点划线*/ border-color: #FF9900; /*边框颜色*/ border-width: 5px; /*边框粗细*/ } img.test2 { border-style: dashed; /*虚线*/...2007-09-28 18:15:03 · 181 阅读 · 0 评论 -
精通CSS+DIV:3,用CSS设置文字效果
一,文字样式 1,字体 [code] p {font-family: 黑体,Arial,宋体,sans-serif;} [/code] 浏览器按先后顺序查找字体,如果这些字体都没有,则使用浏览器默认字体显示 2,大小 [code] # 绝对大小物理单位(与分辨率无关) p.inch {font-size: 0.5in;} p.cm {font-size: 0.5cm;} ...2007-09-27 16:16:00 · 106 阅读 · 0 评论 -
精通CSS+DIV:2,CSS基本语法
一、CSS选择器 1,标记选择器 [code] h1 { color: red; font-size: 25px; } [/code] 2,class选择器 [code] .one { color: green; font-size: 20px; } [/code] 其中对于一个div使用多个class时(class="one two"),在c...2007-09-20 12:18:23 · 76 阅读 · 0 评论 -
input style兼容IE6的方案
FF与IE7下input type="text" 和 input type="password"输入框的长度都是一样的,但在IE6下偏偏前面的长后面的短2px,设置size也不行,而设置width可以,但为了不影响其他input(如type=submit)的width,我们可以这样写css: [code] input[type="text"], input[type="password"] {...2007-11-08 09:59:30 · 89 阅读 · 0 评论