VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • div+css视频教程之创建CSS样式文件

四、         创建CSS样式文件

创建样式表文件,其具体操作步骤如下:
(1)         同创建新的CSS样式的前3步。
(2)         在【定义在】选区中,选择【新建样式表文件】选项。
(3)         单击【确定】按钮,系统将弹出【保存样式表文件为】对话框,在此对话框中将样式表文件保存。CSS样式表文件的扩展名为.css。
(4)         同创建新的CSS样式的(5)、(6)步。

五、管理CSS样式

1.应用CSS样式

我们可以在【新建CSS样式】对话框中选择创建3种类型的样式。
对于【标签】和【高级】这两类的样式会自动应用到相应的网页元素上。例如,利用【标签】,重新定义了<Td>标签,在【CSS样式定义】对话框中,设置文本为“宋体”、“9磅”,那么在该网页上的所有单元格中的文字都将显示为“宋体”、“9磅”字。
对于【类】类型的样式,不会自动应用。要应用自定义的样式,操作步骤如下:
(1)         在网页的编辑窗口中,选择要应用样式的元素。
(2)         在【属性】面板中,从【类】下拉列表中选择合适的样式。
说明:在文档中的所有类都将出现在【属性】面板的【类】列表中。
2.编辑或删除样式
若要编辑CSS样式,可采用下面的任意一种方法:
l 在CSS面板中,选择需要编辑的样式后,在面板的中部列出了该样式的属性,如图6-1所示。根据需要修改属性值或“添加属性”。
l 单击位于CSS面板下部的编辑样式按钮,系统将打开CSS样式定义对话框,对样式进行修改。
若要删除样式,可在【CSS样式】面板中选择样式后,单击“删除CSS样式”按钮
3.链接或导入外部样式表文件
如果希望用相同的样式控制多个文档格式,则使用外部的CSS样式表是最简单的方法。并且当对外部CSS样式表进行修改后,所有链接到该样式表的文档格式都会发生改变。
链接或导入外部样式表的具体操作步骤如下。
(1)         单击【CSS样式】面板右下方的“附加样式表”按钮,打开如图6-3所示的【链接外部样式表】对话框。

图6-3  【链接外部样式表】对话框
(2)         在【文件/URL】文本框中输入该外部CSS样式表的地址和文件名,或单击【浏览】按钮在磁盘上选择样式表文件。
(3)         在【添加为】选区中选择是要链接外部样式表还是要导入外部样式表。
l 【导入】:嵌套样式表,复制一份样式表到这个HTML文件中。
l 【链接】:创建当前文档和外部样式表之间的链接。为了不增大文档的体积通常选择链接。
(4)         设置完成后,单击【确定】按钮。若样式表文件不在当前站点的根目录,则系统会提示用户将该样式表文件拷贝到当前站点的根目录中,否则在发布站点时会不能被访问。
(5)         保存样式表文件后,单击【确定】按钮,则所链接或导入的外部样式表中的所有样式就会出现在【CSS样式】面板中。

相关教程