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

html-css06

如何将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的相关知识给你。

将DIV添加进CSS里面,首先我们需要给这个div一个id或者是class,然后获取这个元素的id或者是class,css中书写样式就行了,如果是通用样式的话,我们就可以直接写div,然后加样式就行,请看代码:

<html>

<head>

<style>

#div1{ //Id的写法

width:300px

height:30px

font-size:13px

}

.div1{//class写法

width:300px

height:30px

font-size:13px

}

div{ //通用样式写法

width:300px

height:30px

}

</head>

<body>

<div id='div1' class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

<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>