-
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样式】面板中。
最新更新
博克-定制图例
博克-注释和图例
Bokeh–添加小部件
向博克图添加标签
将交互式滑块添加到博克图
在 Bokeh 中添加按钮
谷歌、微软、Meta?谁才是 Python 最大的金
Objective-C语法之代码块(block)的使用
URL Encode
go语言写http踩得坑
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
[SQL Server]按照设定的周别的第一天算任意
Linux下定时自动备份Docker中所有SqlServer数
六、Danfo.js 数据可视化
五、plotly.js 数据可视化
四、数据分析、清理、转化
三、Danfo.js 入门
第二部分:使用 Danfo.js 和 Dnotebook 的据分
一、现代 JavaScript 概述
javascript 第一部分:基础知识
零、前言
uni-app开发跨平台小程序开发的诸多坑【转
前端设计模式——桥接模式