css的实现方式有哪些,css的几种实现方式

方式有哪些,css的几种实现方式"/>

css的实现方式有哪些,css的几种实现方式

1.直接写到标签中

height="500px">

style="width:100px;height:500px;">

2.直接嵌入到html中

在

在html正文中引用

class="twoColLiqLtHdr">

3.在

type="text/css" href="style.css" />

在css文件中

@charset "utf-8";

@import url('reset.css');

body{

background:#ffffff; }

#nav

{

background: url(images/slice.jpg) repeat-x;

width:100%;

height:70px;

}

#topnav

{

background: url(images/slice.jpg) repeat-x;

width:100%;

height:70px;

}

4.注意css的使用方式

(1)如果在css文件中

body{

background:#ffffff; }而且所有的html文件都引入了这个css，则body的这个样式将用于所有的界面。而且也不用在html文件的body标签做任何引用

如果你像单独设置某一个界面的样式可以在css文件中写下

body.firstpage{

background:#ffffff;

}在你想单独设置的界面的body标签中写上

class="firstpage">即可

(2)如果在html中通过id设置css

id="body">

在css中设置样式时应使用

#body{

background:#ffffff;

}