怎样编写CSS

html-css013

怎样编写CSS,第1张

上面的例子中,我们可以看到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的具体知识的学习,我们将先从最基本的属性开始讲起。

1.内联样式:直接写在标签里面  <p style="font-size:16px"></p>

2.内部样式:在head下面的style标签里面写

<head>

  <title></title>

<style type="text/css">

      h3{

            color:green

       } 

</style>

</head>

3.外部样式:

先创建一个以.css为结尾的文件

p{

  color:red

}

然后在其他页面引用

<link rel="stylesheet" type="text/css" href="xxx.css">

CSS是Cascading Style Sheet 的缩写,译作「层叠样式表单」,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

css文件格式用HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言表示。

有三种方法可以在站点网页上使用CSS:

1、外联式Linking(也叫外部样式):将网页链接到外部样式表。

2、嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。

3、内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。