dreamweaver怎么附加css样式表

html-css011

dreamweaver怎么附加css样式表,第1张

选择在教程:向页面添加内容中粘贴到页面中的第一段文本。

在“属性”检查器中查看,并确保使用段落标签设置了该段落的格式。

如果“属性”检查器中的"格式"弹出式菜单显示“段落”,则已使用段落标签设置了段落的格式。如果“属性”检查器中的“格式”弹出式菜单显示"无"或其它内容,则选择“段落”来设置段落的格式。

对第二段重复第 3 步。

在“CSS 样式”面板(“窗口”>“CSS 样式”)中,单击位于面板右下角的“附加样式表”按钮。

在“附加外部样式表”对话框中,单击"浏览"并浏览到上一节创建的 cafe_townsend.css 文件。

单击“确定”。

“文档”窗口中的文本将根据外部样式表中的 CSS 规则来设置格式。

即使用style属性,将CSS直接写在HTML标签中。例如:<p style=color:red这行段落将显示为红色。</p注意:style属性可以用在<body内的所有(X)HTML标签上,但不能应用与<body以外的标签,如<title<head等标签。二,嵌入式样式表(Embedded Style Sheets)嵌入式样式表使用<style</style标签嵌入到(X)HTML文件的头部中,代码如下:<head<style type=text/css<!--.class{color:red} -- </style</head注意:对于一些不能识别<style标签的浏览器,使用(X)HTML的注释标签<!-- 注释文字 --把样式包含进来。这样源码天空,不支持<style标签的的浏览器会忽略样式内容,而支持<style标签的浏览器会解读样式表。三,外部样式表(Link Style Sheets)在<head标签内使用<link标签将样式表文件连接到(X)HTML文件中。代码如下: