0071.htm
来自「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编」· HTM 代码 · 共 50 行
HTM
50 行
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>如何建立样式</strong></big></p>
<div align="right">---(文/秋实)</div>
样式表的建立要符合CSS规则,它们一般被定义成以下形式的句法:<br>
<br>
<font color="#0000ff">HTML标志{标志属性:属性值;标志属性:属性值;标志属性:属性值;标志属性:属性值;...}
<br>
</font><br>
下面我们分别讲述:<br>
.HTML标志:在上一节我们已简要地介绍了一下,
有点需要注意的是,这些标志不带尖括号,如P,Div、Table等而不是<P>、<Div>以及<Table>。<br>
.标志属性:属性值,这是一一对应的,每个属性与属性值对之间用分号隔开。有一点要说明的是,在CSS的属性设置与脚本语言中对属性设置有一点不同,即属性名称的写法,在CSS中,凡属性名为两个或两个以上的单词构成时,单词之间以"-"隔开,比如,背景颜色属性background-color,
而在脚本中,对象属性则连写成backgroundColor,第二个单词首字母大写,如有三个单词则第三个单词首字母也要大写,注意,在Javascript中,是严格区分大小写的。<br>
下面看一个具体的例子,比如我们对一个段落建立一个样式表:<br>
P{background-color:#0000ff;font-size:12pt;color:#ffff00},效果如下<br>
<p color="#FF0000" font-size="10pt" backgroundcolor="#ff0000">网页陶吧欢迎你;网页陶吧欢迎你;网页陶吧欢迎你;网页陶吧欢迎你;
</p>
<p> 上面我们分别设置了背景色,字体大小,以及字体颜色等。<br>
为了看起来直观一些,上边的例子还可以写成:<br>
P{background-color:#0000ff;<br>
font-size:12pt;<br>
color:#ffff00}<br>
<br>
<font color="#0000ff">有一点值得注意的是</font>,有些属性可以表示多个属性的值,如字体设置,有字体字样:font-family、字体大小:font-size、字体风格:font-style,这些可用一个font属性来表示,<br>
如:H2{font-size:15pt;<br>
font-family:'宋体';<br>
font-style:italic }<br>
可直接用 H2{font:15pt 宋体 italic}来表示,类似的情况还有关于背景方面的设置,在以后的章节中我们会一一详细讲解的。
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?