css代码和html代码是兼容的还是独立的?

html-css09

css代码和html代码是兼容的还是独立的?,第1张

css 代码是独立,不能兼容html代码。html代码可以兼容css代码;

例如:xxx.css中,就不能出现<html></html>等等html标签。但是html中可以出现css代码,

<style>

.class{border:1px solid #ddd}

</style>

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

编写css文档 (如:layout.css)

格式:

#head{width:990pxheight:120pxmargin:auto}

.contanier{width:990pxmargin:auto}

css样式编写完成后,在html或者asp再或者其他php、jsp页面调用

调用方法和行列如下:

1.在head之间引入或者说是调用的语句为:

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

2.在html或者asp再或者其他php、jsp页面的body之间调用,如下:

<body>

<div id="head">

<div class="contanier">

</div>

</div>

</body>

最后祝你成功哦~

方式一:每个标签加一个属性法

<div style="background-color:redcolor:green"></div>

方式二:head中加style标签(不好,需要修改html文件)

<style type="text/css">

div{

background-color:red

color:green

}

</style>

方式三:head中加载css文件(只需修改css文件)注意:这种方法某些浏览器不起作用,不要用了

<style type="text/css">

@import url(div.css)

</style>

css文件中

div{

background-color:red

color:green

}

方式四:head中使用头标签 link

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