📄 87.htm
字号:
<html>
<head>
<title>CSS简介</title>
<meta content="text/html; charset=gb2312" http-equiv=Content-Type>
</head>
<p align="center"><script src="../../1.js"></script></a>
<body bgcolor="#ffffff" leftmargin="5" topmargin="1" marginheight="5" marginwidth="5">
<div align=center>
<table border=0 cellpadding=0 cellspacing=0 width=680 align="center">
<tbody>
</tr>
</tbody>
</table>
<table border=1 bordercolordark=#ffffff bordercolorlight=#ffffff cellpadding=0
cellspacing=0 width=680 align="center">
<tbody>
<tr>
<td bgcolor=#F9D23C height=14>
<div align=center class=H1><font color="#FFFFFF">CSS简介</font></div>
</td>
</tr>
<tr valign=top>
<td class=H1 height=36>
<p class=H1 align="center"> </p>
<p align=left><span class=article>什么是CSS呢 ?</span></p>
<p align=left><span class=article>CSS ( <font id=A>Cascading Style Sheets</font>
) 称为串联式排版样式。CSS利用各式的范本样式来辅助HTML，其简洁的语法可以容易的控制HTML标记，而且最大的功能是可以将内容( HTML
) 与格式分开处理 ( 以<font id=B> . CSS</font> 为后缀储存成一个独立的文件 ) 。</span></p>
<p align=left> <b>CSS基本语法 </b></span></p>
<p align=left><span class=article>HTML标记可为任何标记，多个HTML标记间以逗号 ( , ) 分隔 ;
属性定义为大括弧部份，多个属性定义间以分号 ( ; ) 分隔。 </span></p>
<p align=left> <font id=B>HTML标记 { 属性名称 : 属性设定值 }</font>
</span>
<p align=left><span class=article>如 : <br>
H1 , H3 { COLOR : RED ; FONT-WEIGHT : BOLD } </span>
<p align=left></p>
<p align=left> <b>CSS种类 </b></span></p>
<p align=left><span class=article>CSS为什么称为串联式排版样式呢 ? 是因为可以混合使用以下Style
Sheets种类，其优先执行顺序依编号排列。 </span></p>
<div align=left> <font
color=#d29ae8><b>Inline</b></font> (同列) : 使用HTML标记的STYLE属性，只和定义的区段有效。 </span>
<p align=left><span class=article>如 : <br>
<font id=B><P STYLE=COLOR:RED></font> </span>
<p align=left></p>
<div align=left> <font
color=#d29ae8><b>Embedding</b></font> (内嵌) : 使用 <STYLE>...</STYLE>标记
( 置于BODY本文区之前 )，定义HTML标记供整个网页使用。可使用多个<STYLE>...</STYLE>标记
</span></div>
<p align=left><span class=article>如 : <br>
<font id=B><HTML></font> 文件开始 </span>
<p align=left> <font id=B><STYLE TYPE=text/css></font>
排版样式区开始<br>
<font id=B><！--</font> 排版样式区内容 <font color=#ff5050>--></font><br>
<font id=B></STYLE></font> 排版样式区结束 </span>
<p align=left> <font id=B><BODY></font> 本文区开始</span>
本文区内容<br>
<font id=B></BODY></font> 本文区结束 </span>
<p align=left> <font id=B></HTML></font> 文件结束
</span>
<p align=left></p>
<div align=left> <font
color=#d29ae8><b>Linking</b></font> (连结) : 使用 <LINK>标记 ( 用于HEAD区 )，即将排版格式分开处理
( 以<font id=B> . CSS</font> 为副档名储存成一个独立的文字档 ) ，再连结使用。可使用多个<LINK>标记。
</span></div>
<p align=left><span class=article>如 : <br>
<font id=B><HTML></font> 文件开始 </span>
<p align=left> <font id=B><HEAD></font> 标头区开始<br>
<font id=B><LINK TYPE=text/css REL=STYLESHEET<br>
HREF=s1.css></font> 连结CSS档<br>
<font
id=B></HEAD></font> 标头区结束 </span>
<p align=left> <font id=B><BODY></font> 本文区开始<br>
本文区内容<br>
<font id=B></BODY></font> 本文区结束 </span>
<p align=left> <font id=B></HTML></font> 文件结束
</span>
<p align=left></p>
</div>
<p align=left><b><span class=article>CSS 相关的 HTML 标记、属性</span></b></p>
<p align=left><span class=article>CSS 相关的 HTML 标记 : </span></p>
<div align=left>
<ul>
<li> <STYLE>...</STYLE> 设定 Style Sheet
格式 </span>
<li> <LINK> 连结指令 </span>
<li> <DIV>...</DIV> 表示章节、摘要、附录<br>
( 允许文字重叠显示 ) </span>
<li> <SPAN>...</SPAN> 定义较小区段范围 </span></li>
</ul>
</div>
<p align=left><span class=article>CSS 相关的 HTML 标记属性 : </span>
<div align=left>
<ul>
<li> <font id=D>STYLE</font> = <i>cssl-properties</i>
样式 </span>
<li> <font id=D>ID</font> = <i>value</i> 代号 </span>
<li> <font id=D>CLASS</font> = <i>classname</i>
种类 </span></li>
</ul>
</div>
<p class=H1 align="center"> <br>
</p>
<p> <br>
<font
color=#ffa000> <b>
</td>
</tr>
</tbody>
</table>
</div>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -