大陆仔CSS 1.32 发布

E铭惊人/ws

上周发布了本人的 大陆仔 JS 1.3，现在向大家发布 有一个新惊喜—— 大陆仔CSS 1.32

这一次将吸取上次的教训，图文并茂于大家见面。

大陆仔CSS是一个最基础的CSS框架，它主要用于网站的基层控制。对一些特殊的标签进行了兼容处理，以免在工作中再次定义繁琐而又常见的兼容样式
大陆仔CSS此次增加的样式：

.form_val input {
border:1px solid #D7D7D7;
padding:1px 2px;
height:22px;
line-height:22px;
} .form_sub input {
height:26px;
border:1px solid #949494;
cursor:pointer;
font-weight:bold;
letter-spacing:2px;
width:60px;
filter: progidXImageTransform.Microsoft.gradient(startcolorstr=#FFFFFF, endcolorstr=#D7D7D7, gradientType=0);
background:-moz-linear-gradient(top, #FFF, #D7D7D7);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#D7D7D7));
background:-o-linear-gradient(top, #FFF, #D7D7D7);
}
.form_text textarea{
width:400px;
height:150px;
border:1px solid #D7D7D7;
padding:4px;
font-size:12px;
}
默认输入框，文本框和提交按钮的增加
demo:





.radius_s {
border-radius:3px;
}
.radius_m {
border-radius:6px;
}
.radius_b {
border-radius:9px;
}
CSS3 的圆角技术 注意：该样式不支持IE8（含IE8）以下浏览器
demo:




.boxshaw_l {
box-shadow:-1px 0px 2px #D7D7D7;
}
.boxshaw_lt {
box-shadow:-1px -1px 2px #D7D7D7;
}
.boxshaw_t {
box-shadow:0px -1px 2px #D7D7D7;
}
.boxshaw_rt {
box-shadow:1px -1px 2px #D7D7D7;
}
.boxshaw_r {
box-shadow:1px 0px 2px #D7D7D7;
}
.boxshaw_rb {
box-shadow:1px 1px 2px #D7D7D7;
}
.boxshaw_b {
box-shadow:0px 1px 2px #D7D7D7;
}
.boxshaw_lb {
box-shadow:-1px 1px 2px #D7D7D7;
}
CSS的外阴影效果注意：该样式不支持IE8（含IE8）以下浏览器
box-shadow语法：box-shadow 第一个参数为距X轴的像素，第二个参数为距Y轴的参数，第三个参数为模糊的像素
demo




.boxshaw_in_l {
box-shadow:-1px 0px 2px #D7D7D7 inset;
}
.boxshaw_in_lt {
box-shadow:-1px -1px 2px #D7D7D7 inset;
}
.boxshaw_in_t {
box-shadow:0px -1px 2px #D7D7D7 inset;
}
.boxshaw_in_rt {
box-shadow:1px -1px 2px #D7D7D7 inset;
}
.boxshaw_in_r {
box-shadow:1px 0px 2px #D7D7D7 inset;
}
.boxshaw_in_rb {
box-shadow:1px 1px 2px #D7D7D7 inset;
}
.boxshaw_in_b {
box-shadow:0px 1px 2px #D7D7D7 inset;
}
.boxshaw_in_lb {
box-shadow:-1px 1px 2px #D7D7D7 inset;
}
CSS的内阴影效果注意：该样式不支持IE8（含IE8）以下浏览器
同上一个的语法，但是该属性的映象是相反的。
demo



header,nav,article,section,aside,footer{
display:block\9;
}
使用HTML5标签时IE8以下浏览器会出现问题，该样式解决这个bug注意：该样式仅支持IE浏览器
大陆仔CSS此次更新的样式：body, table, tr, td, th, div, p, span, b, ul, li, dl, dt, dd, select, .common_front, input {
font-size: 12px;
color: #2B2B2B;
font-family:arial,Tahoma;
line-height:24px;
}
默认字体做了改动，修改为 "arial"和"Tahoma" 两种字体
a {
font-size: 12px;
color: #0033CC;
blr:expression(this.onFocus=this.blur());
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0033CC;
}
a:hover {
text-decoration: underline;
color: #CC000A;
}
a:active {
text-decoration: none;
color: #0033CC;
}




下载 大陆仔 CSS 1.32 压缩版 http://daluzai.net/api/daluzai-css-zip.zip?ver=20111016

下载 大陆仔 CSS 1.32 源代码 http://daluzai.net/api/daluzai-css.zip?ver=20111016

官方网站 http://daluzai.net/css.shtml

最后 再次声明 大陆仔 CSS 是用于最底层的CSS，是处理通用的样式，和大陆仔JS不同 ，不是用来做特效的

ww145827

好东西
发帖子给积分吗
?

ww145827

,x新人，谢谢关照

a139

看了楼主的帖子，感觉很不错啊，欢迎广大朋友来捧场， 白癜风专科