编写css样式,编写CSS样式,完成页面头部背景

css样式怎么写

css样式是HTML的一个补充，简单的css使用样式如下:

创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站建设、做网站、新和网络推广、小程序开发、新和网络营销、新和企业策划、新和品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供新和建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

html

body

div id=div/div

/body

style type="text/css"

width:300px;//设置div的宽度300像素

height:500px;//设置div高度500像素

background-color:red;//设置div的背景颜色为红色

/style

/html

css代码位于style之间，详细的css代码解释见代码注释。

怎样编写CSS

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

怎样写CSS样式代码

有两种方法：

一是编辑.css文件，样式代码写进这个.css文件中，

然后在HTML文档中引用这个css文件，即可

二是，写进HTML文档中，作为内联样式。

一般用style标签来写，或者写到具体元素的style属性中。