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 · 108 阅读 · 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 · 116 阅读 · 0 评论 -
scrolling div & mysql GUI client
给div指定高度height并使用overflow属性来让它出现scrollbar样式:[code]1234567891011121314151617181920[/code]Most popular cross-platform MySQL GUI client:[url=http://w...2007-11-01 17:19:17 · 160 阅读 · 0 评论 -
z-index让div层次堆叠
今天工作中发现jQuery的lightbox将calendar_date_select覆盖掉了,经sliu指点原来是CSS中的一个z-index的问题,z-index越大则显示在页面的最上面,否则就被覆盖掉了。...2007-10-23 18:42:45 · 330 阅读 · 0 评论 -
精通CSS+DIV:用CSS制作菜单
[b]一、item list[/b]1,列表符号[code]ul { list-style-type: decimal;}li.special { list-style-type: circle;}disccirclesquaredecimalupper-alphalower-alphaupper-romanlower-rom...2007-10-19 16:26:46 · 189 阅读 · 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 · 83 阅读 · 0 评论 -
精通CSS+DIV:6,用CSS设置表格与表单样式
一、控制表格1,表格中的标记[code]table: border, summarycaptionth: scope(row, col)[/code]2,表格的颜色[code].datalist { color: #0046a6; background-color: #d2e8ff; font-family: Arial;}.datal...2007-10-09 14:50:57 · 164 阅读 · 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 · 133 阅读 · 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 · 199 阅读 · 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 · 123 阅读 · 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 · 91 阅读 · 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 · 99 阅读 · 0 评论