如何将css跟div结合起来使用?

html-css012

如何将css跟div结合起来使用?,第1张

外部链接样式表:

在页面的head标签中插入代码:

<link href="(css样式表)" rel="stylesheet" type="text/css" />

把这(css样式表)改为你需要链接的样式表就可以了。

然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。

内部样式:

在页面的head标签中插入代码:

<style type="text/css"></style>

在style标签中添加样式就可以了

然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。

但是这种方法不是很好,因为修改的时候麻烦,而且网上浏览下载的时候较慢。

如果还有什么不明白的地方,可以留个邮箱,我可以发个一些css和div的相关知识给你。

<style>

#test{width:100pxheight:100pxbackground:#000color:#fff}

</style>

<div id="test">上面的CSS语句就只对这个DIV有效</div>

<div>上面的CSS语句就不对这个DIV起作用</div>

CSS有一个术语叫作选择器,,,

建议对CSS基础再加强一些。。。

至于你说的引入单独CSS文件,跟上面是一样做法,主要选择器对应上就行了,比如你引用了一个CSS文件,里面的内容是:

test.css:

#test{width:100pxheight:100pxbackground:#000color:#fff}

HTML:

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

<div id="test">上面的CSS语句就只对这个DIV有效</div>

<div>上面的CSS语句就不对这个DIV起作用</div>