目录:
- 您可能已经听说您现在可以在您的网页上使用任何字体,这要归功于最新版本的层叠样式表CSS3。该声明是正确的,但有一些限制:您必须具有发布字体的合法权利,并且该字体必须托管在Web服务器上。
- “文本”面板的“文本阴影”部分提供了用于添加CSS3定义中包含的最新CSS属性之一的文本阴影的工具。最受欢迎的选项如下:
视频: 14 dreamweaver教程CS5视频教程 隐藏域与文本域 2024
“Dreamweaver文本”面板具有控制页面中文本显示的选项集合。您可以通过向下滚动“属性”面板来访问“文本”面板选项,直到您看到“布局”选项下方,或单击面板顶部的T图标。
“文本”面板包含以下格式选项:
<! --1 - >-
颜色: 设置文字颜色。您可以单击颜色并选择一种颜色,使用吸管在屏幕上采样任何颜色,或在颜色字段中输入十六进制颜色代码。如果您输入十六进制颜色代码,请包含井号(#)。
-
字体系列: 定义一个字体系列或一系列系列。您可以从本地硬盘驱动器或Adobe TypeKit中添加字体,方法是选择下拉列表底部的“管理字体”,然后启动“管理字体”对话框。
-
字体样式: 输入正常,斜体或倾斜。但是,斜体和斜体在网络浏览器中很少有不同,所以除非有特殊原因不要斜体。
-
字体变体: 将文本更改为小写字母。仔细测试你的设计,因为这个属性不被所有浏览器支持。
-
字体重量: 通过从下拉列表中选择粗体或大胆使文本显示为粗体。您还可以输入一个介于100到900之间的数字,以更精确地控制文本的粗体显示。要删除粗体格式,请选择“正常”或“较浅”。
-
字体大小: 定义文本的大小。您可以选择特定的数字大小或相对大小。大小选项是像素(px),点(pt),异食癖(pc),百分比(%),em,rem,ex和ch。像素,ems和百分比是文本大小最常用的选项。
-
线条高度: 指定放置文本的线的高度。很像文本大小,您可以用多种方式指定行高,包括像素,ems和百分比。在网络上添加行高是一个很好的做法,因为在文本周围增加空间可以更容易在计算机屏幕上阅读。
-
文本对齐: 通过单击相应的图标左对齐,右对齐,居中或对齐文本。第一个用于继承的图标是默认的。例如,您可以将文本居中置于网页的页脚中,方法是在页面底部的 标记的样式定义中将文本对齐设置为居中。
-
文本装饰: 指定文本是带下划线,有上划线,有删除线显示,还是带有闪烁效果。您也可以选择无,这通常用于从链接的文本中删除下划线。
-
文本缩进: 通过在其中一个大小选项(如像素,ems或百分比)中输入数字来指定文本从页面左侧缩进的数量。为什么这么多字体?
您可能已经听说您现在可以在您的网页上使用任何字体,这要归功于最新版本的层叠样式表CSS3。该声明是正确的,但有一些限制:您必须具有发布字体的合法权利,并且该字体必须托管在Web服务器上。
为了确保您的文本按照您的意图显示,Dreamweaver包含Windows和Macintosh计算机上最常见字体的集合。这些字体分为家族,如
Gotham,Helvetica Nue,Helvetica,Arial,sans serif
-
Cambria,Hoefler Text,Liberation Serif,Times,Times New Roman,Times,and serif
-
使用“管理字体”对话框创建自己的字体集合,可以通过在“CSS设计器”面板的“文本”面板的“字体系列”下拉列表底部选择“管理字体”选项来访问该对话框。
“文本”面板的“文本阴影”部分
“文本”面板的“文本阴影”部分提供了用于添加CSS3定义中包含的最新CSS属性之一的文本阴影的工具。最受欢迎的选项如下:
H-shadow:
-
在横轴上为文字添加阴影。首先选择一个尺寸选项,然后在该字段中输入一个数字。例如,输入2px,添加一个2像素宽的水平阴影。 V-shadow:
-
在垂直轴上为文字添加阴影。首先选择一个尺寸选项,然后在该字段中输入一个数字。 模糊:
-
控制阴影中的模糊量。数字越大,影子散布的越多,或模糊。 颜色:
-
输入十六进制颜色代码以指定阴影的颜色,或使用吸管在屏幕上采样任何颜色。 “文本”面板底部的功能与其他“文本”面板选项不同,如下所示:
文本变换:
-
更改文本的大小写。选项是大小写,大写和小写。点击相应的图标来设置这个属性。 字母间距:
-
定义字母之间插入的空白量。大小选项是像素(px),点(pt),异食癖(pc),百分比(%),em,rem,ex和ch。 字间距:
-
定义字之间插入的空白量。大小选项是像素(px),点(pt),异食癖(pc),百分比(%),em,rem,ex和ch。 (请参阅前面的边栏“比较CSS大小选项”。) 白色空间:
-
告诉浏览器如何处理文本块中的换行符和空格。您的选项是Inherit,Normal,Nowrap,Pre,Pre-line或Pre-wrap。 Nowrap是特别有用的,因为它可以防止元素被分离,如果它们必须包装以适应浏览器窗口或其他容器。 垂直对齐:
-
将内嵌元素(如文本和图像)与围绕它们的元素相关联。您可以设置一个数值,或者选择基线,小数点,超级,顶部,文本顶部,中间,底部和文本底部。