文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Css > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
推荐文章CSS 速成
推荐文章控制网页文件大小通过精简CSS实
普通文章网站字体大小 CSS该重新改写?
普通文章斜角滑动门导航条(DIV+CSS)
普通文章在DW中使用CSS样式表来设置网页
普通文章CSS样式表层叠(cascade)处理
普通文章“画中画”效果---谈Iframe标记
普通文章让CSS使网页图片半透明
推荐文章CSS字型的设定
推荐文章CSS 单位
 
频 道 推 荐
普通文章内嵌滚动条(windows UpDate风格
推荐文章CSS应用基础教程(3) 应用补充
推荐文章CSS应用基础教程(5) 文字性质
普通文章CSS应用基础教程(4) 颜色背景
普通文章CSS应用基础教程(2) 应用方式
推荐文章为打印输出创建一个CSS样式
普通文章CSS应用基础教程(6) 区块性质
普通文章用CSS控制图片自适应大小的方法
普通文章网页制作技术CSS之DIV长度相等
普通文章无延迟翻滚的图形与CSS混合风格
普通文章CSS特点及加入网页的四种方法
普通文章CSS对表格单元格强制换行和不换
普通文章css教程:CSS文件应该保持整洁和
普通文章在CSS设计中选择器的巧妙使用!
普通文章在DW中使用CSS样式表来设置网页
普通文章文本属性
普通文章巧用CSS制作可控闪烁效果
推荐文章标准建站过程中注意CSS的兼容性
普通文章简单的CSS改进网站设计的三个技
推荐文章CSS 常用信息速查手册
 
频 道 推 广
 
用DIV CSS设计网页时的八个必要的小技巧           ★★★
用DIV CSS设计网页时的八个必要的小技巧
作者:佚名 文章来源:本站整理 更新时间:2008-7-24 22:38:25
以下是进行CSS设计时的八个必要的小技巧,良好的习惯可能会使你的设计周期加倍缩短。(如果您想了解更多请参见人民邮电出版社后续图书《CSS精粹--101条设计技巧》)
1.若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。
2.使用浮动功能时记得适当清除指令
浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。
3.边界重合时利用padding或border来避免
您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合;
4.尝试避免同时对元素指定padding/border以及高度或宽度
Windows版IE经常导致width与height的计算问题。如果母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时,在母元素套用padding以达效果。
5.不要依赖min-width/min-height
Windows版IE并不支援两种语法。但是在某种程度下,windows版IE可以达到相当于min-width/min-height的效果,所以只要对IE做点过滤功能,即可达到您想要的结果。
6.若有疑问,先减少百分比
有时候某些错误会使50%+50%成为100.1%,使网页出现问题。这时请尝试将这些值改为49%,甚至49.9%
7.记住“TRouBLed”写法
Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left.所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。
8.只要不是零的值,都要指定单位
CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height)

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之界面详解(1)
    Dreamweaver MX 2004 入门教程之界面详解(2)
    Dreamweaver MX 2004 行为概述
    Dreamweaver MX 2004 表格设计
    Dreamweaver MX 2004 浏览器检测
    Dreamweaver MX 2004 表格的使用
    DreamWeaver打造Web查询系统(1)
    细品DW MX 2004表格设计
    Dreamweaver中幂格式文本巧实现
    在Dreamweaver MX中应用“占位图形”
    巧用Dreamweaver MX设计导航栏特效
    携手打造【鹏程114 Web查询系统】第一讲
    携手打造【鹏程114 Web查询系统】第二讲
    携手打造【鹏程114 Web查询系统】第三讲
    用Dreamweaver设计留言板各页设计
    占位图形在DW MX中的应用
    网页设计:一种细腻的导航效果的制作方法
    Dreamweaver:制作目录树
    用Dreamweaver实现漫天花雨效果
    Dreamweaver MX 2004设计留言本实战
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    有事请点这里

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号