社交媒体 中将外部样式表连接到页面如何在Dreamweaver中将外部样式表连接到页面 - 傻瓜

中将外部样式表连接到页面如何在Dreamweaver中将外部样式表连接到页面 - 傻瓜

视频: 1.1 Dreamweaver CC 基本工作界面 2025

视频: 1.1 Dreamweaver CC 基本工作界面 2025
Anonim

在Dreamweaver中创建外部样式表之后,可以将其附加到任何网页。在随后的分步说明中,可以使用Dreamweaver中包含的任何预定义样式表,也可以使用这些说明附加使用上一练习中的步骤创建的任何样式表。

首先打开要附加样式表的页面,然后执行以下步骤:

<! --1 - >
  1. 点击CSS Designer面板顶部的Sources面板中的加号(+)图标,然后从下拉列表中选择Attach Existing CSS File。 “附加现有CSS文件”对话框打开。

    单击“浏览”按钮并在您的本地站点文件夹中找到CSS文件。

  2. 如果您想使用位于另一个网站上的远程CSS文件,也可以输入一个URL,但使用您正在使用的网站中包含的样式表是最常见的。

    <! - 2 - >

    选择链接或导入选项。
  3. 如果您将样式表附加到HTML文件,则最好的选择是几乎总是选择默认的“链接”。如果要创建一个包含对其他样式表的引用的主外部样式表,请选择Import,这是一个使一个样式表能够引用另一个样式表的高级选项。

    (可选)从“条件用法”部分中选择选项。

  4. 使用“条件使用”功能在附加样式表时定义媒体查询。点击确定。

    关闭对话框,Dreamweaver通过将一行代码添加到HTML文件的顶部来设置到样式表的链接。链接外部样式表之后,任何适用的样式将自动应用于Dreamweaver页面中的内容,样式表中定义的样式的选择器名称将在“CSS Designer”面板的“选择器”面板中显示。

  5. 您可以将多个样式表附加到同一个HTML页面,并且可以在同一个文档中使用内部和外部样式表。例如,您可以将文本样式保存在一个样式表中,将布局样式保存到另一个样式表中,然后将它们都附加到同一个文档中 - 这样可以使所有已定义的样式可用于页面。同样,您可以为不同的目的创建不同的样式表,例如用于打印文件和用于浏览器显示的样式表。

中将外部样式表连接到页面如何在Dreamweaver中将外部样式表连接到页面 - 傻瓜

编辑的选择

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

创建视觉站点地图,您可以创建网站上所有页面的图表,包括通过导航和子导航的主要页面的互联性。然后,您可以使用这些信息来帮助收集和定义网站内容,并在生成模型时用作指导。

如何创建一个单一的图像CSS3背景 - 傻瓜

如何创建一个单一的图像CSS3背景 - 傻瓜

最简单,最兼容的方式创建一个CSS3的背景,至少有一点点漂亮是使用单个图像。正确的图像说了很多关于您的网站,并提供页面之间的连续性。因为这种方法是标准的,所以你会看到它在很多网站上使用。所有你真正需要的...

如何在CSS3中创建可排序接口 - 傻瓜

如何在CSS3中创建可排序接口 - 傻瓜

电脑要做的,你想要你的CSS3编码来创造这种情况。例如,一台计算机可以按字母顺序将项目比人类可以更快,特别是当列表很长时。但是,排序并不总是合乎逻辑的。您可能希望用户排序...

编辑的选择

尼康D5000数码相机布局 - 傻瓜

尼康D5000数码相机布局 - 傻瓜

这里是一个方便的指针,拨号,按钮和其他外部控制尼康D5000上。 (此数码相机上显示的镜头是与D5000套件一起出售的Nikkor 18-55mm AF-S VR(减震)型号;其他镜头可能不同,标有星号的相机控制具有多种功能。 ...

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么?这里有一个更相关的问题:你想要做什么?提出这个问题更像是问自己关于自己的愿望和渴望的独特的录像。当你确定你想要捕捉什么时,你所要做的就是将相机连接到...

使用现有的电影为您的GoPro电影 - 傻瓜

使用现有的电影为您的GoPro电影 - 傻瓜

如果你不想创建你自己的GoPro电影照明,你可以尝试使用现有的灯光。以下是在电影中使用可用光源的一些提示。使用白炽灯泡可以使用白炽灯泡来点亮你的电影,但是它们的效果取决于...

编辑的选择

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

在Photoshop CS6中从头开始创建一个新的图像。请按照以下步骤使用“新建”功能创建新图像:选择“文件”→“新建”。或者按Ctrl + N(Mac上的Command + N)。输入新文件的名称。如果您不指定名称,Photoshop会为您创建一个名称。 ...

如何在Photoshop CS6中创建新图层 - 虚拟人物

如何在Photoshop CS6中创建新图层 - 虚拟人物

有多种方法可以使用和创建Adobe Photoshop Creative Suite 6中的图层。这些不同的技术可以让您根据您的需求量身定制流程。在打开的图像中创建新的空白图层:单击“图层”面板底部的“创建新图层”图标。您也可以...

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

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

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