font-family:verdana;字体
font-size:12px; 字体大小
background:#33ffdd; 背景颜色,颜色值是#cccccc;可以简写为#ccc;或者是#ddccee;这样简写为#dce;当从左到右的rrggbb值其中rr,gg,bb值三组都一样时就能简写
background:#33ffdd url(aa.gif) repeat-x left top; 背景图,其中repeat-x为水平重复 left top 为水平向左,垂直向上
border:1px solid #fff; 边框1px 实线 颜色值
float:left; 浮动向左,浮动的意思就是因为DIV只有一行,没有列,如果要想有一行二列,就是为这二个DIV设置浮动,才可以有列出来。以下是一行三列示例:
<div>
<div style=" width:200px; height:30px; background:#f00; margin:5px; float:left;" ></div>
<div style=" width:200px; height:30px; background:#f00; margin:5px; float:left;" ></div>
<div style=" width:200px; height:30px; background:#f00; margin:5px; float:left;" ></div>
</div>
由这个小例子就可以知道,如果想象表格一个,就一个套一个,跟表格一样,关键能让DIV有列出来就好办了。
height:20px; 高度20px;
text-align:left; 文本对齐方式向左,还有居中,还有向右
font-weight:bold; 字体加粗
width:20px; 这是宽度
line-height:24px; 这是行高
overflow:auto; 滚动条自动,意思就是当内容越过设定的高度或者宽度时就会出现滚动条,这个适合任何地方,包括单元格,文本域,DIV, margin:3px 3px 3px 3px; 这个有多种写法四个都写的话,意思就是对象的外边距都为3px的意思,四个都写的时候顺序是 上、右、下、左 当四个都一样时可以简写为maring:3px; margin:3px 6px; 当只有二个时意思就是上下外边距为3px,左右外边距为6px;
padding:3px 3px 3px 3px; padding是内边距其他意思跟margin一样
color:对象颜色,适合用文本,表单,任何对象,img不适用.
img { border:0px;}意思是图像边框为0px,因为在有些情况下默认设置时有时候图像会有1px的边框,所以这个在默认设置是要设置的。
body { font-family:verdana; font-size:12px; background:#59606A url(images/main_01.gif) repeat-x; margin:0px; padding:0px;}
form,input,select,submit,textarea { font-family:arial; font-size:12px; padding:0px; margin:0px;}* html form { height:1%;}
img { border:0px;}
上面这段是默认设置,根据情况有所不同,默认设置意思就是当有网页内容时上面所设置的参数比如字体, 颜色,背景,背景颜色等等,还有外边距,内边距的设置,这些不是必要的,但是如果设置一些默认设置可以精简代码。
.t11-en-03 { font-size:12px!important; font-size:11px; }
!important这个意思是(更重要),当写上这个时,这个!important前面的参数设置在除IE外才有效果,后面的是在IE内核的浏览器的效果,适合于任何参数如:
.cor2 { color:#fff;!important; color:#f00; } 意思就是当在除IE外的浏览器上颜色是白色,在IE上的颜色是红色
以下是链接的设置:
a:link,a:visited { text-decoration:none;} 这个是简写,就是链接跟点击后的状态为一样时可以这样子写
a:hover { text-decoration:underline;} 这个是鼠标移上去的效果 text-decoration:underline; 这个是下划线的设置,这里是有下划线如果underline改为none;是没有下划线的意思在这里是给整体的网页设置链接样式
以下这个是给一个特定的对象设置
.aa65 a:link,.aa65 a:visited { text-decoration:none;}
.aa65 a:hover { text-decoration:underline;}
上面这里有.aa65意思就是说当一个对象绑定的.aa65的class时,里面的链接就会象上面设置的效果
这次先写最基本的这些,还不是完整的,改天整理一个比较完整的详细说明供DIV初学考参考,请期待完整版。
画飘香-网站设计|出品
如果您发现本免费资源已过期,请点击报告错误提交过期信息,谢谢!