html学习笔记的支线任务，怎样编写CSS

墨蓝 2022-01-14 01:41 156阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <td style="font-family:Arial, Helvetica, sans-serif;font-size:14px;border-style:dotted;"><a href="http://www.wzszf.com/" style="color:rgb(51,102,153);" rel="nofollow">飞鸽传书</a>怎样编写CSS？学完html我们可以选择性的了解一下CSS，二者在编写是有许多相似的地方或者是包容的地方，可以说是html进化的一个支线。CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。　　您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。<br>　　那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。<br>　　一种是把CSS文档放到&lt;head&gt;文档中：<br>　　&lt;style type=“text/css”&gt; …… &lt;/style&gt;<br>　　其中&lt;style&gt;中的“type=‘text/css’”的意思是&lt;style&gt;中的代码是定义样式表单的。<br>　　另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：<br>　　&lt;p style=“font-size：14pt；color：blue”&gt;蓝色14号文字&lt;/p&gt;<br>　　这是采用&lt;Style=“ ”&gt;的格式把样式写在html中的任意行内，这样比较方便灵活。 　　还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在&lt;head&gt;中定义。定义的格式是这样的：<br>　　&lt;head&gt; &lt;link rel=stylesheet href=“style.css”&gt; …… &lt;/head&gt;<br>　　我们看到这里应用了一个&lt;Link&gt;，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。<br>　　而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。</td> 
  </tr> 
 </tbody> 
</table>

转载于:https://blog.51cto.com/shuweibanhui/1417631