首页 | 小言视角 | 文摘 | 我的收藏 | 我爱我家 | 技术中心 | 学无止境留言本 |
当前位置:首页>>学无止境>>软件应用>>正文
彻底弄懂CSS盒子模式

文章来源: 文章作者: 发布时间:2007-12-15   字体: [ ]

7.记住“TRouBLed”写法

Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:

top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记

住“TRouBLe”,您就不会弄错次序了。

8.只要不是零的值,都要指定单位

CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height)

 -----------------------------------

12、如何使网页具有“首行缩进”功能?

  由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉字,设置好的CSS如下所示:

<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>


  在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右面的缩进单位选择框中“ems”指的就是“em”。

  13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?

  可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例子代码:

<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>

  14、能给某部分内容加边框吗?

  用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义

  的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的

  “style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框

  为:绿色中粗线的CSS例子:

<style type="text/css">
<!--
.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}
-->

</style>


共2页: 上一页 [1] 2 下一页

↑返回顶部   打印本页   关闭窗口↓  
 
相关信息

·想让DIV居中,如何编写CSS
·IBM本本BIOS详细设置手册
·访问网上邻居需要密码怎么
·开始→运行→命令集锦
·常用计算机运行管理命令
·教你如何删除argh.文件
·温度低了无法冷启动
·在XP\2000系统下如何设置

热点文章

·推荐一个好东西:免费电话
·上传软件LeapFtp的使用方
·Flashfxp使用指南(网站文
·如何关闭FlashFXP的被动模
·十大常遇流氓软件完全卸载
·IE最新高危漏洞非官方补丁
·LZK主讲网页制作入门(图
·corelDRAW12教程:女性内衣

推荐文章

 

首页>>学无止境>>软件应用>>
语深深版权所有 2005-2008