怎样编写CSS
2个回答
展开全部
上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。
您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
一种是把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的具体知识的学习，我们将先从最基本的属性开始讲起。
您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
一种是把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一般有3种方式：
第一种：内嵌在HTML元素中，例如：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
</head>
<body>
<!--以下style中的属性是内嵌式-->
<div id='box' style='border:1px solid #f00;width:100px;height:100px;'></div>
</body>
</html>
第二种：编写者格式为html的文件中
<!--index.html文件为例-->
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<style type="text/css">
<!--以下是CSS-->
#box {border:1px solid #f00;width:100px;height:100px;}
</style>
</head>
<body>
<div id='box'></div>
</body>
</html>
第三种：单独编写在css格式文件中
<!--index.html文件为例-->
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id='box'></div>
</body>
</html>
<!--style.css文件-->
#box {border:1px solid #f00;width:100px;height:100px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
