文本样式的定义

在DreamweaverCS5的CSS样式中,包含了所有的CSS属性,类型、列表、方块、背景、区块、定位、边框和扩展等8个部分。

保存CSS规则后,系统将自动打开样式的“CSS规则定义”对话框。选择样式的“CSS规则定义”对话框【分类】类别中的【类型】选项,可以定义网页中文本的字体、样式、行高和颜色等风格,以及设置字体的修饰效果等。

(1)【Font-family】(字体)下拉列表
用于指定文本的字体。

(2)【Font-size】(大小)下拉列表
用于定义字体的大小。可以通过选择字和度量单位来选择特定大小,也可选择相对大小。以【像素】为单位可以有效地防止浏览器破坏文本。

区别样式的定义

在body的CSS规格定义中【区块】选项是指AP元素、图像及网页中的文本等替代元素,它主要是用来控制文字缩进、块中内容的间距和对齐方式等。

1.单词间距下拉列表:是用于设置单词之间的间距。可以通过先在下拉列表中选择【值】选项,之后输入值,在确定单词的间距时,就可以在右侧的下拉列表中选择度量单位。如:点或像素。

2.字母间距下拉列表:主要用于减小或增大字母或字符的间距。如果减小字符间距,就能制定一个负值。
3.垂直对齐的下拉列表:是指定应用它的垂直对齐方式。只有当应用于标签时,Dreamweaver才在文档窗口中显示该属性。

方框样式定义

【方框】选项用于为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置时,将设置应用于元素的各个边,也可以选中【全部相同】复选框,将相同的设置应用于元素的所有边。

1)【width】(宽)和【Height】、(高)下拉列表,用于设置元素的高度和宽度。

2)【Float】(浮动)下拉列表,用于设置其他元素(如文本、层级及表格等)在哪个边围绕元素浮动。其他元素按通常的方式环绕在浮动元素的周围,利用该选项可以把元素移动到页面的外部。

CSS属性之边框样式的定义

在DreamweaverCS5的CSS样式中,除了包含CSS属性中的类型、背景、区块、方框、列表、定位及扩展外,还包含边框样式,下面就让我们来了解一下这个样式的定义吧!

【边框】选项是指用于定义元素周围边框的设置。

(1)【Style】(样式)选项组,是设置边框的样式外观。一般样式的显示方式取决于浏览器,而Dreamweaver会将所有的样式文档在窗口中呈现实线。如果将【全部相同】复选框撤选,就可设置元素各个边的边框样式;如果选中【全部相同】的复选框,则可将相同的边框样式属性设置为它应用于元素的上、右、下和左侧。

关于CSS网页布局中默认字体样式的简介

拿字体来说,各个浏览器所展示出来的并不一致,包括字体大小、字体种类、行高列宽等,因此我们需要设置一个默认的样式,以便实现显示效果的一致性和提高开发的工作效率。
如果你所使用的浏览器不同,那么它们的语言版本、系统版本都有各自独特的设置,这就导致默认的样式在不同的浏览器中所显示出来的效果非常不统一。为了解决上述问题,于是便产生了类似于的reset的YUI之类用来重写浏览器的默认设置,保证各个浏览器样式能够达到一致。

例如拿字体来说,各个浏览器所展示出来的并不一致,包括字体大小、字体种类、行高列宽等,因此我们需要设置一个默认的样式,以便实现显示效果的一致性和提高开发的工作效率。