社交媒体 如何在Dreamweaver的CSS属性面板中使用文本面板 - 虚拟人物

如何在Dreamweaver的CSS属性面板中使用文本面板 - 虚拟人物

目录:

视频: 14 dreamweaver教程CS5视频教程 隐藏域与文本域 2024

视频: 14 dreamweaver教程CS5视频教程 隐藏域与文本域 2024
Anonim

“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是特别有用的,因为它可以防止元素被分离,如果它们必须包装以适应浏览器窗口或其他容器。 垂直对齐:

  • 将内嵌元素(如文本和图像)与围绕它们的元素相关联。您可以设置一个数值,或者选择基线,小数点,超级,顶部,文本顶部,中间,底部和文本底部。

如何在Dreamweaver的CSS属性面板中使用文本面板 - 虚拟人物

编辑的选择

探索Solid Tools 8 - 傻瓜

探索Solid Tools 8 - 傻瓜

Solid工具为Google SketchUp建模者提供了一种全新的方式工作。实体建模操作(或布尔操作)使您能够通过相互之间添加或减去其他形状来创建所需的形状。这种类型的建模在其他3D应用程序中实际上很常见;现在SketchUp可以做...

地理定位您的SketchUp模型 - 虚拟模型

地理定位您的SketchUp模型 - 虚拟模型

SketchUp是唯一被授予完全访问Google巨大的地理奇迹 - 当你花了六年时间成为谷歌稳定的成员时,会发生这种情况。按照以下步骤为您的SketchUp文件添加地理位置快照:确保您在线。 Google的所有地理数据都是...

如何在SketchUp房屋模型中添加二楼

如何在SketchUp房屋模型中添加二楼

直接在下面的一个顶部保证您的SketchUp建筑模型中的所有内容排成一列。有些人主张“打到旁边”,把事情放在一起,但这是一个麻烦的办法。这是你如何添加二楼的房子模型。追踪内部...

编辑的选择

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

您可以创建PDF ,多页面和演示文稿,以及网络画廊,通过桥梁的输出面板。便携式文档格式(PDF)是Adobe Acrobat的本地文件格式,已经变成了一种非常有用且接近通用的格式。很难找到没有Adobe Reader的计算机(免费软件来打开和查看PDF文件)...

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如果要创建美丽的人影在Adobe Photoshop CS6中,可以很好地传输到其他应用程序进行文本换行,创建剪贴路径。剪切路径本质上是一个矢量路径,它定义了图像的哪一部分是可见的,哪一部分是透明的。通常围绕一个对象创建一个路径...

编辑的选择

约会50后:满足大量可用人在线 - 虚拟人物

约会50后:满足大量可用人在线 - 虚拟人物

作为新人50多岁的时候,你可能会遇到你们教会的每一个人,你们将通过那个场地见面。也许有一些新的人会弹出,但不是太多,而不是单身。但网络是不同的。新人总是出现。关系分手,配偶...

约会50:确定你是一个好听众 - 假人

约会50:确定你是一个好听众 - 假人

这里是一个在50岁以上成功约会的重要提示:确保你是一个很好的倾听你的约会的人。以下是有效倾听的前五个要素:稳定,专注的眼神接触微笑和面部表情,表明你已经理解,并且你很专心问题要求更多...

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

Copyright©2014 AARP 。版权所有。当你在50岁之后再次开始约会时,你的性习惯可能有点生疏。不要被你不知道的东西吓倒。作为一个伟大的情人,有一些基本的规则,如果你和你的伴侣有一个共同的愿望,以取悦每一个...