-
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样式”按钮

3.链接或导入外部样式表文件
如果希望用相同的样式控制多个文档格式,则使用外部的CSS样式表是最简单的方法。并且当对外部CSS样式表进行修改后,所有链接到该样式表的文档格式都会发生改变。
链接或导入外部样式表的具体操作步骤如下。
(1) 单击【CSS样式】面板右下方的“附加样式表”按钮


图6-3 【链接外部样式表】对话框
(2) 在【文件/URL】文本框中输入该外部CSS样式表的地址和文件名,或单击【浏览】按钮在磁盘上选择样式表文件。
(3) 在【添加为】选区中选择是要链接外部样式表还是要导入外部样式表。
l 【导入】:嵌套样式表,复制一份样式表到这个HTML文件中。
l 【链接】:创建当前文档和外部样式表之间的链接。为了不增大文档的体积通常选择链接。
(4) 设置完成后,单击【确定】按钮。若样式表文件不在当前站点的根目录,则系统会提示用户将该样式表文件拷贝到当前站点的根目录中,否则在发布站点时会不能被访问。
(5) 保存样式表文件后,单击【确定】按钮,则所链接或导入的外部样式表中的所有样式就会出现在【CSS样式】面板中。
最新更新
01 Web应用模式
python 约瑟夫生者小游戏 用list实现
DBPack 赋能 python 微服务协调分布式事务
PYTHON之SELENIUM调用XPATH实现网页操作
Python双人五子棋
matplotlib可视化系列之【排版】
C# 编写一个简单易用的 Windows 截屏增强工
Python 引用其他路径下的module
【Python - 基础】基础是一切升华的根本
自动化办公:手机号码提取器,使用正则
三大常用数据库事务详解之三:事务运行
三大常用关系型数据库事务详解之二:基
三大关系型数据库事务详解之一:基本概
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
js将一段字符串的首字母转成大写
纯原生html编写的h5视频播放器
H5仿原生app短信验证码vue2.0组件附源码地
TypeScript(4)接口
TypeScript(3)基础类型
TypeScript(2)WebStorm自动编译TypeScript配置
TypeScript(1)介绍与安装
ES6 - promise(1)
ES6 - promise(2)
ES6 - promise(3)