Shao Fan

关于JAVA与软件工程
posts - 31, comments - 71, trackbacks - 0, articles - 4
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

近日学习CSS的一些零碎笔记

Posted on 2006-06-21 06:22 shaofan 阅读(927) 评论(0)  编辑  收藏 所属分类: 其他
1.理解页面流(flow),理解几种不同的定位方式:static, relative, absolute等
Positioning and other definitions:http://css.maxdesign.com.au/floatutorial/definitions.htm  

2.HTML页面表达内容逻辑,把样式控制写到CSS文件中

3.浮动(float)的DIV要配合width属性来用

4.怎样控制层的位置:用float,padding,width,height这些属性来控制
Float Tutorial: http://css.maxdesign.com.au/floatutorial/index.htm

5.设置可见的border或background-color来帮助排版

6.出现内层的DIV跑到外层之外的情况时,可以在外层DIV的</DIV>前加上一个clear层来解决问题。就是这样:
   <div class="container">
    ...
    ...
    <div class="clear"></div>
  </div>

  css:
  .clear{
    clear:both;
  }

7.样式表的选择符(Selector):
   Type/Class/ID等
  Selector Tutorial:http://css.maxdesign.com.au/selectutorial/index.htm

8.关于表单的样式设计:
让我们更好的设计表单:浅议Web的表单设计 http://tech.163.com/06/0529/04/2I8UPHTB0009158Q.html
用CSS制作具有亲和力的表单 作者:greengnn
http://www.jluvip.com/blog/article.asp?id=192

9.各种浏览器对各种标签用不同的方式渲染,如p, h1, ul等,它们会有不同的padding和margin,为了在各种浏览器下都正常的显示,可以把它们清零,如:
*{
    padding:0;
    margin:0;
}

10.使用list来显示数据或菜单
List Tutorial:
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/listamatic2/
http://css.maxdesign.com.au/listutorial/

11.关于各种标准,布局,技巧等的网站:
网页设计师:http://www.w3cn.org/
CSS教程:http://www.netvtm.com/w3s/css/
网页制作指导 - 致力于网页制作知识的普及:http://www.jianzhan8.cn/
当然还有必不可少的经典论坛blueidea:http://www.blueidea.com/bbs/list.asp?GroupName=%CD%F8%D2%B3%B1%EA%D7%BC%BB%AF%D7%A8%C0%B8

只有注册用户登录后才能发表评论。


网站导航: