在网页中用代码定义CSS样式时,定义的代码应放在代码的哪里,定义代码如何编写,请给写个例子。谢谢

html-css029

在网页中用代码定义CSS样式时,定义的代码应放在代码的哪里,定义代码如何编写,请给写个例子。谢谢,第1张

下面就是一个简单的css定义:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title></title>

<style>

.abc{width:500pxheight:30pxline-height:30pxtext-align:centerborder:1px solid #cccfont-size:13pxcolor:redmargin:auto}

</style>

</head>

<body>

<div class="abc">文字文字</div>

</body>

</html>

<style></style>之间写css代码。

.abc{这里面是定义abc的css}

<div class="abc">文字文字</div>这个class="abc"  就代表这个div的class是abc。css中定义abc就可以了。

第一种:外部调用

<html>

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<link

rel="stylesheet"

type="text/css"

href="index.css"

media="screen"

/>

</head>

<body>

</body>

</html>

第二种:(不会怎样叫,嵌套?)

<html>

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<style

type="text/css">

<!--

.css_1

{

font-size:

9px

font-style:

italic

}

-->

</style>

</head>

<body>

</body>

</html>

第三种:在标签里直接写

<html>

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

</head>

<body>

<input

type="text"

name="username"

id="username"

maxlength="36"

style="width:150px"/

>

</body>

</html>

粗体的地方就是调用CSS的了。不明白追问。