网页技巧之怎样编写CSS

2024-02-13 分类：网站建设

一种是把CSS文档放到＜head＞文档中：

＜style type=“text/css”＞ …… ＜/style＞其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。

另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：

＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞

这是采用＜Style=“ ”＞的格式把样式写在html中的任意行内，这样比较方便灵活。

还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在＜head＞中定义。定义的格式是这样的：

＜head＞＜link rel=stylesheet href=“style.css”＞ …… ＜/head＞

我们看到这里应用了一个＜Link＞，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。

而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。

本页主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！

文章标题：网页技巧之怎样编写CSS
链接分享：https://www.cdcxhl.com/news36/317286.html

成都网站建设公司_创新互联，为您提供微信小程序、网站营销、小程序开发、企业网站制作、关键词优化、营销型网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容