关于博主

About learlon

EN:Learlon

ME:晨雾弥漫,有些寒意,这样清冷的季节,仍然有着莫名的喜悦。风起时,那蝶儿般飞舞的落叶;花落时,那残留的暗暗幽香;云飘时,那从容随意的淡然;心动时,那幸福美妙的滋味……
    不想做颓废落寞的守候者,所以,精致的生活,所以,快乐的工作,还有,淡淡的想你……More

订阅本博客

RSS

搜索博客文章


#Saperate

博客文章列表

[置顶] 好站推荐(更新中...)

[置顶] 域名出售或转让

Anchor
四月.200924
文章编辑: 可视编辑
UBB编辑

IE和火狐的css兼容性问题归总

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和火狐浏览器存在很大的解析差异,这里介绍一下兼容要点。

  • 1、DOCTYPE 影响 CSS 处理
  • 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
  • 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
  • ...
Anchor
四月.200910
文章编辑: 可视编辑
UBB编辑

CSS 渐变效果

 .pro{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F4C871,endColorStr=#CC0000)}

Anchor
四月.200910
文章编辑: 可视编辑
UBB编辑

div+css设计中ID的命名习惯和规范

        大家都知道规范的css命名可以增强样式规则的可读性,便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名,现在看来是很不专业的,也给我的后期维护浪费精力。

根据自己的而写法习惯和网上的一些写法,我总结了一套适用自己的id命名写法.拿出来晒一晒。

...

Anchor
三月.20099
文章编辑: 可视编辑
UBB编辑

CSS 阴影效果

style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#A5A5A5,Direction=120,strength=4);"

 

 

...
Anchor
二月.200913
文章编辑: 可视编辑
UBB编辑

用DIV 实现左侧滚动条且+CSS样式

<div style=" height:290px; width:auto; overflow-x:hidden; overflow: auto;padding-right:5px;" class="body">添加的内容,一旦内容超出定义的范围,滚动条显示。</div>

<style type="text/css">
.body{ scrollbar-arrow-color:  #aa0000;   /*三角箭头的颜色*/
...

Anchor
十二月.200831
文章编辑: 可视编辑
UBB编辑

HTML框架代码全集

网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>

特点是无论使用何种分辨率,它的大小和位置都是不变的。

我所收集的:

1.
<frameset border="0" cols="0,*" frameborder="0" framespacing="0" onload="init()" onhelp="noHelp()" onkeydown="noEffect()" ondragstart="noEffect()" oncontextmenu="noContext()">
...

Anchor
十二月.200823
文章编辑: 可视编辑
UBB编辑

清爽配色15套

...
Anchor
十二月.200823
文章编辑: 可视编辑
UBB编辑

DIV+CSS网页设计常用布局代码

单行一列

body{margin:0px;padding:0px;text-align:center;}
#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}

两行一列

body{margin:0px;padding:0px;text-align:center;}
#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}
...

Anchor
十一月.200826
文章编辑: 可视编辑
UBB编辑

CSS鼠标样式

巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊。CSS鼠标样式语法如下:
任意标签中插入 style="cursor:*" 
例子:<span style="cursor:*">文本或其它页面元素</span>  <a href="#" style="cursor:*">文本或其它页面元素</a>  注意把 * 换成如下15个效果的一种:
...

Anchor
七月.200724
文章编辑: 可视编辑
UBB编辑

表格属性cellspacing、cellpadding

先介绍一些概念 巢(cell) -- 表格的内容 巢补白(cellpadding) -- 代表巢外面的一个距离,用于隔开巢与巢空间 巢空间(cellspacing) -- 代表表格边框与巢补白的距离,也是巢补白之间的距离

上图说明了表格的几个属性,其中黑色部分就是巢(cell),白色的区域是巢补白,灰色的区域是巢空间。cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的...

按月归档