把外部的 CSS样式和JS文件,导入DW软件中,一般都是通过在DW中新建一个站点目录,然后在设置一个文件夹,为站点的根目录,然后在这个目录中有个js和css的文件夹,包涵着文件,然后在DW的站点中,就能看到JS、css文件了,可以看下步骤截图:
创新互联公司专业为企业提供覃塘网站建设、覃塘做网站、覃塘网站设计、覃塘网站制作等企业网站建设、网页设计与制作、覃塘企业网站模板建站服务,十多年覃塘做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1.点击站点-》新建站点,填写好你的站点名字,文件路径
2.然后点击保存之后,这个目录下的所有文件就都导入进来了,这样就能到js和css文件了。
层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 head 部分)中。使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。
术语“层叠”是指对同一个元素或 Web 页面应用多个样式的能力。例如,可以创建一个 CSS 规则来应用颜色,创建另一个规则来应用边距,然后将两者应用于一个页面中的同一文本。所定义的样式“层叠”到您的 Web 页面上的元素,并最终创建您想要的设计。
CSS样式表的创建,可以统一定制网页文字的大小、字体、颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样式的设置方式有了很大的改进,更为方便、实用、快捷。
一、创建CSS样式
1、选中菜单“窗口”“CSS样式”。打开CSS样式面板。
2、单击“CSS样式”面板右下角的“新建CSS规则”按钮,打开“新建CSS规则”对话框。
在“选择器类型”选项中,可以选择创建CSS样式的方法包括以下三种:
类:我们可以在文档窗口的任何区域或文本中应用类样式,如果将类样式应用于一整段文字,那么会在相应的标签中出现CLASS属性,该属性值即为类样式的名称。
标签(重新定义特定标签的外观):重新定义HTML标记的的默认格式。我们可以针对某一个标签来定义层叠样式表,也就是说定义的层叠样式表将只应用于选择的标签。例如,我们为body和/body标签定义了层叠样式表,那么所有包含在body和/body标签的内容将遵循定义的层叠样式表。
高级(ID、伪类选择器等):为特定的组合标签定义层叠样式表,使用ID作为属性,以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式,常用的有4种:
a:link 设定正常状态下链接文字的样式。
a:active 设定鼠标单击时链接的外观。
a:visited 设定访问过的链接的外观。
a:hover 设定鼠标放置在链接文字之上时,文字的外观。
3、为新建CSS样式输入或选择名称、标记或选择器,其中:
对于自定义样式,其名称必须以点(.)开始,如果没有输入该点,则DW回自动添加上。自定义样式名可以是字母与数字的组合,但.之后必须是字母。
对于重新定义HTML标记,可以在“标签”下拉列表中输入或选择重新定义的标记。
对于CSS选择器样式,可以在“选择器”下拉列表中输入或选择需要的选择器。
4、在“定义在”区域选择定义的样式位置,可以是“新建样式表文件”或“仅对该文档”。单击“确定”按钮,如果选择了“新建样式表文件”选项,回弹出“保存样式表文件为”对话框,给样式表命名,保存后,回弹出“CSS规则定义”对话框。如果选择了“仅对该文档”,则单击“确定”后,直接弹出“CSS规则定义”,在其中设置CSS样式。
新建一个.css的样式表文件 mycss.css
然后根据选择器写样式比如id选择器
#id{
font-size:40px;
}
class选择器
.class{
font-size:40px;
}
标签选择器
h1{
font-size:40px;
}
然后把外部样式引入到你要用的那个html文件
link rel="stylesheet" href="/css/mycss.css" /
内部样式表是不能自动转为外部样式表的,你可以新建一个样式表文件,将内部样式表内容复制粘贴到新建的样式表文件里,然后其他网页链接外部样式表就可以了。
内部样式表就是写在你编辑的html网页里;
外部样式表,就是另外建一个样式表文件,然后引用到网页中去。
如果样式表内容一致,用外部和内部效果是一样的。
但是现在比较正规的网页,多用外部样式表,因为方便管理,直接打开外部样式表就可以编辑,而不必打开html文件,样式表外置html文件代码也很干净。