编写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属性中。


网页名称:编写css样式,编写CSS样式,完成页面头部背景
链接分享:http://myzitong.com/article/dsdgpgh.html