[ 一线风 | 2009-11-11 17:31:24 | 阅读: 848 | 分类: 工作相关 | Tag: Xhtml CSS DIV | 永久链接 | 评论: 0 ]

今天对简历进行了更新,因为女朋友最近在学习DIV+CSS,我也跟着一块学了学,刚好,把学到的差不多都用上了。修正了一些原先的错误观念,修改过后还是有点心得的,呵!

总结:
-------------------------
1. CSS应用了float属性后要同时申请宽度定义,widht:auto,这个是标准问题
2. CSS应用了float后在下面要应用clear:both;清除,否则float元素会脱离上一级元素
3. W3C很变态,target="_blank" 不符合规范了
4. 想让固定尺寸的DIV居中于屏幕的话,除了最上层的DIV的texta-align:center;外还要在其下层的DIV里写上margin-Right: auto; margin-Left: auto;才行

 阅读全文及评论...

[ 一线风 | 2009-8-25 14:55:40 | 阅读: 2962 | 分类: 学习参考 | Tag: div css position 定位 | 永久链接 | 评论: 0 ]

原文:http://www.cnblogs.com/iamv/archive/2008/01/03/1024371.html

1. position:static|无定位
position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位
example:
以下是引用片段:
#div-1 {
 position:static;
}

----------------------------------------------------------
2. position:relative|相对定位
使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。
如果要让div-1层向下移动20px,左移40px:
example:
以下是引用片段:
www.bitsCN.net网管博客等你来搏


#div-1 {
 position:relative;
 top:20px;
 left:40px;
}

如果用到相对定位,紧随他的层divafter是不会出现在div-1的下方,而是和div-1在同一个高度出现。

可见, position:relative;并不是很好用。

 阅读全文及评论...

[ 一线风 | 2009-4-15 9:48:02 | 阅读: 2932 | 分类: 学习参考 | Tag: xhtml css div Web 设计 转换 | 永久链接 | 评论: 0 ]

在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是div,很明显是无法达到语义化标准的。彬Go也希望通过博客让所有读者正视代码语义化的重要性,请把”DIV+CSS”这个词从脑子中删除,用”xHTML+CSS”替代吧!

今天将向大家推荐43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程,在国外也可以叫做PSD2XHTML。如果你是以为网页设计师,可能会对将自己的效果图实现成语义化的xHTML页面感到头痛,还有一些CSS初学者对于xHTML+CSS处于懵懂状态,希望大家通过这43个”DIV+CSS”实例教程学习到语义化xHTML+CSS布局的精髓,即使你已经成为高手,我也相信其中有你值得学习的地方。

 阅读全文及评论...

[ 一线风 | 2006-7-11 16:27:53 | 阅读: 1964 | 分类: 工作相关 | Tag: 对话框 HTML DIV | 永久链接 | 评论: 4 ]
<!--MessageBox-->
<DIV    id="UIGift"  style="position:absolute;left:260px;top:260px;width:360px;height:200px;z-index:1;background-color:#F9F8F2  ;border:#0066cc  1px  solid;font-family:verdana;font-size:12px;background-image:  url(Images/documents_bg.gif);    "  >
<div  style="background-color:#89A7EB;font-weight:  bold;font-size:14px;color:#FFF;background-image:  url(Images/title.gif);line-height:15px;padding:5px;BORDER-bottom:#D4D0C8  2px  solid;"  onmousedown="MDown(UIGift)">我是标题
        <div  style="position:absolute;right:10px;font-size:12px;font-weight:  normal;cursor:  hand;"  onClick="LayerClose();">关闭</div>
</div> 

<div  style="padding:8px;">
       
        <div  style="margin-top:10px;  "></div>
        说明:<br>
       

 阅读全文及评论...