热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

Web标准 css简写规则

1. css 字体简写规则
当使用css定义字体时你可能会这样做：
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold italic small-caps 1em/1.5em verdana,sans-serif;
提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，会使用缺省值。
2、边框、边界、补白的简写规则
css中四周边框、边界、补白的属性值默认是从上开始顺时针方向赋值：TOP、RIGHT、LEFT、BOTTOM。事实上我们无须在任何时候都全写四项。
在属性后给一个值：四边相同；
在属性后给两个值：第一个为上下值，第二个为左右值；
在属性后给三个值：第一个为上边值，第二个为左右值；
在属性后给四个值：第一个为上边值，第二个为右边值，第三个为下边值，第四个为左边值。
例如外补白：
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4p ......

flex设置样式和使用css文件

一：直接设置
二：画面上设置：
如：
<mx:Style>
   TextArea{
   font-size:36px
   font-weight: bold
   }
</mx:Style>
三：使用外置文件
<mx:Style source="style.csss"/> ......

flex设置样式和使用css文件

一：直接设置
二：画面上设置：
如：
<mx:Style>
   TextArea{
   font-size:36px
   font-weight: bold
   }
</mx:Style>
三：使用外置文件
<mx:Style source="style.csss"/> ......

纯CSS实现的背景渐变条特效代码

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS渐变条</title>
</head>
<body>
<TABLE height=500 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD id=msviRegionIdGraphic bgColor=#ffffff> </TD>
<TD id=msviRegionGradient1
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFC287', gradientType='1')" mce_style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFC287', gradientType='1')"
width="50%"></TD>
<TD id=msviRegionGradient2
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorSt ......

css float问题

最近作规范,得到公司高手的赐教，在制作静态页面中，经常遇到几个div的浮动问题，因为IE不同版本处理浮动会现两倍差距的问题（IE6，IE7），以前都是通过hack技术处理，（如 margin-left:10px,[*margin-left:5px;],_margin-left:5px;这是IE的问题），现在有一个方法：在第一个div的class加上（display：inline;）,就可以解决float带来的负面问题，它可以解决clear：left无法解决的问题。
这个方法绝对有用，请耐心试试，根据本人的经验，制作静态页面，是可以不用hack技术的（在E浏览器不同版本中），慢慢试，就会解决问题。 ......

CSS嵌套选择器优先级计算

一组嵌套选择器的实际特性可以计算出来。基本的，使用ID选择器的值是100，使用class选择器的值是10，每个html选择器的值是1。
它们加起来就可以计算出特性的值。
p的特性是1（一个html选择器）
div p的特性是2（两个html选择器）
.tree的特性是10（1个class选择器）
div p.tree的特性是1+1+10=12，（两个html选择器，一个class选择器）
#baobab的特性是100（1个ID选择器）
body #content .alternative p的特性是112（两个html选择器，一个ID选择器，一个类选择器）
更多的CSS教程和CSS模板 ......

DIV+CSS之float

test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id="p1">
this is a p1 p
</p>
<p id="p2">
this is a p2 p
</p>
<div id="footer3">
this is a footer3 div
</div>
</body>
</html>
c.css：
div#footer2 {
float:left;
background-color: #faf;
width: 200px;
height:80px;
margin: 10px;
}
#p1{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#p2{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#footer3 {
float:right;
background:#afe;
width: 200px;
height:80px;
margin: 2px;
}

1.
中间有两个<p>元素，那么问题就来了，如果在css里没有设置margin则在FF中样子� ......

总记录数:40319; 总页数:6720; 每页6 条; 首页上一页 [1413] [1414] [1415] [1416] 1417 [1418] [1419] [1420] [1421] [1422] 下一页尾页