Dreamweaver MX 2004 CSS使用教程之CSS方框属性

css|dreamweaver|教程

  本站原创内容,转载请注明出处网页教学网

  五.定义 CSS 样式方框属性

  使用“CSS 样式定义”对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置。可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用“全部相同”设置将相同的设置应用于元素的所有边。

  定义元素在页面上的放置方式:在“CSS 样式定义”对话框中,选择“方框”(如下图),然后设置所需的样式属性。

  如果不设置属性可以保持为空。

  宽和高:设置元素的宽度和高度。宽和高定义的对象多为图片,表格,层等。

  浮动:设置元素浮动方式(如文本、层、表格等)。其它元素按通常的方式环绕在浮动元素的周围。

  清除:不允许元素的浮动。左对齐:表示不允许左边有浮动对象。右对齐:表示不允许右边有浮动对象。两者:表示允许两边都可以有浮动对象。无:不允许有浮动对象。两种浏览器都支持“清除”属性。

  填充:指定元素内容与元素边框(如果没有边框,则为边距)之间的间距。取消选择“全部相同”选项可设置元素各个边的填充。

  全部相同:将相同的填充属性设置为它应用于的元素的“上”、“右”、“下”和“左”侧。

  边界:指定一个元素的边框(如果没有边框,则为填充)与另一个元素之间的间距。仅当应用于块级元素(段落、标题、列表等)时,DW MX 2004才在“文档”窗口中显示该属性。取消选择“全部相同”可设置元素各个边的边距。

  全部相同:将相同的边距属性设置为它应用于的元素的“上”、“右”、“下”和“左”侧。

  设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。

时间: 2024-12-03 06:31:12

Dreamweaver MX 2004 CSS使用教程之CSS方框属性的相关文章

Dreamweaver MX 2004 CSS使用教程之CSS类型属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 二.定义CSS的类型属性 使用"CSS 样式定义"对话框中的"类型"类别可以定义 CSS 样式的基本字体和类型设置. 定义 CSS 样式的类型设置: 在"CSS 样式定义"对话框中,选择"类型"(如下图),然后设置所需的样式属性. 以下属性如果不设置可以保留为空. 字体:为样式设置字体.DW MX 2004内置6个系列的英文字体(如下图). 一般英

Dreamweaver MX 2004 CSS使用教程之CSS扩展属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 九.定义 CSS 样式扩展属性 "扩展"样式属性包括过滤器.分页和光标选项,它们中的大部分效果仅受 Internet Explorer 4.0 和更高版本的支持. 指定扩展属性:在"CSS 样式定义"对话框中,选择"扩展"(如下图),然后设置所需的样式属性. 分页:在打印期间在样式所控制的对象之前或者之后强行分页.选择要在弹出式菜单中设置的选项.此选项不受任何 4.0

Dreamweaver MX 2004 CSS使用教程之CSS区块属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 四.定义 CSS 样式区块属性 使用"CSS 样式定义"对话框的"区块"类别可以定义标签和属性的间距和对齐设置. 定义区块设置:在"CSS样式定义"对话框中,选择"区块"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 单词间距:设置单词的间距.若要设置特定的值,请在弹出式菜单中选择"值",然后输入一个数值.在

学习网页技术CSS高级教程之CSS 伪元素

css|高级|教程|网页 CSS 伪元素被用来将特殊的效果添加到某些选择器. CSS 伪元素 (Pseudo-elements)实例: 制作首字母特效 本例演示如何向文本的首字母添加特效. <html><head><style type="text/css">p:first-letter {color: #ff0000;font-size:xx-large}</style></head><body><p>

css基础教程之CSS基础语法

 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1. 行内样式 2. 内嵌样式 3. 链接样式 4. 导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如<p style="color:#f00">divcss8</p>,但是这种方法并不是被我们推荐

Dreamweaver MX 2004 CSS使用教程之CSS滤镜介绍

css|dreamweaver|教程|滤镜 本站原创内容,转载请注明出处网页教学网. 十.CSS 滤境的详细介绍1 ALPHA 属性 [Alpha滤镜属性]这个名字,在Flash和Photoshop经常见到.它们的作用基本类似,就是把一个目标元素与背景混合.你可以指定数值来控制混合的程度.这种"与背景混合"通俗地说就是一个元素的透明度.通过指定坐标,可以指定点.线.面的透明度.由于"Alpha"滤镜的参数多,我们先来看一下下图: "opacity"

Dreamweaver MX 2004 CSS使用教程之CSS列表属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 七.定义 CSS 样式列表属性 "CSS 样式定义"对话框的"列表"类别为列表标签定义列表设置(如项目符号大小和类型). 定义列表样式:在"CSS 样式定义"对话框中,选择"列表"(如下图),然后选择所需的样式属性. 如果不设置属性可以保持为空. 类型:设置项目符号或编号的外观.两种浏览器都支持"类型". 项目符号图像:可以为项

Dreamweaver MX 2004 CSS使用教程之CSS背景属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 三.定义 CSS 样式背景属性 使用"CSS 样式定义"对话框的"背景"类别可以定义 CSS 样式的背景设置.可以对网页中的任何元素应用背景属性.例如,创建一个样式,将背景颜色或背景图像添加到任何页面元素中,比如在文本.表格.页面等的后面.还可以设置背景图像的位置. 定义背景设置: 在"CSS 样式定义"对话框中,选择"背景"(如下图),然后设置所

Dreamweaver MX 2004 CSS使用教程之CSS定位属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 八.定义 CSS 样式定位属性 "定位"样式属性使用"层"首选参数中定义层的默认标签,将标签或所选文本块更改为新层. 设置层定位属性:在"CSS 样式定义"对话框中,选择"定位"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 类型:确定浏览器应如何来定位层. 绝对:使用"定位"框中输入的坐标(相对于页面左上角