-
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样式】面板中。
栏目列表
最新更新
python爬虫及其可视化
使用python爬取豆瓣电影短评评论内容
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
uniapp/H5 获取手机桌面壁纸 (静态壁纸)
[前端] DNS解析与优化
为什么在js中需要添加addEventListener()?
JS模块化系统
js通过Object.defineProperty() 定义和控制对象
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比