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

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

目录:

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

视频: 14 dreamweaver教程CS5视频教程 隐藏域与文本域 2025
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属性面板中使用文本面板 - 虚拟人物

编辑的选择

在QuickBooks Online中使用批发帐单 - 虚拟

在QuickBooks Online中使用批发帐单 - 虚拟

QuickBooks Online为会计专业人员提供免费程序。您可以注册批发价格计划,也可以免费使用QBOA。如果你选择这样做(这是一个不错的选择!),你将需要知道如何管理的事情。从您的批发帐单订阅中删除客户有时候,事情并不是这样...

基于零基础的预算与QuickBooks 2012 - 傻瓜

基于零基础的预算与QuickBooks 2012 - 傻瓜

零基预算是一个非常有用和常用的预算策略在使用QuickBooks 2012之前,您应该先了解一下。基于零的预算与顶级预算相反。零基预算从下到上工作。零基预算始于个人收入,费用,资产,负债和所有者权益账户。它检查一个特定的...

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

键盘快捷键可以是Sage Timeslips 。启动或保存一张单据,将昨天,今天或明天的日期插入日期字段,并用一个或两个按键打开和关闭定时器。以下是十大最爱。按下它做什么Ctrl + N开始一个新的投票,而工作在...

编辑的选择

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

Photoshop Elements 11中创建的任何形状图层上的图形。您可以按照与选择相同的方式添加,减去,排除重叠和相交形状。请遵循以下步骤:创建第一个形状后,在工具选项:添加到形状区域中选择一个状态按钮:...

使用读卡器将图像下载到Mac上 - 傻瓜

使用读卡器将图像下载到Mac上 - 傻瓜

您的相机可能有一个USB端口,电缆,您可以使用下载您的图像。这种方法使用相机电池电力,也相当缓慢。如果您使用读卡器,则会更快地将图像存入计算机。如果您下载了大量的图像,请考虑购买FireWire读卡器; ...

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

可以在该图层上绘制其他形状。您可以按照与选择相同的方式添加,减去,重叠和相交形状。请记住,当您在元素中创建一个形状时,您正在创建一个基于矢量的元素。向量在数学上描述形状。 ...

编辑的选择

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

对于那些希望用户(或用户想要)在应用程序流之外执行某些操作的情况非常适用。而不是使用带有后退按钮的导航控制器,而是显示一个模式视图,其中的控件允许用户选择一个动作或...

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

,这个Android Studio项目包含大约100个文件和大约170个不同的文件夹。要制作Android Twitter应用程序,您需要专注于该项目的MainActivity。 java文件。但其他一些文件需要注意。 Twitter4J API jar文件Android没有内置的通信支持...