css样式

怎么将样式用于网页中呢？

3种，内行，内嵌式，链接式。

1：内行是在标签里面的style里面写：<p style="color:red;"></p>   

2：内嵌是将样式写在<style type="text/css"></style>里面的：<style type="text">p{color:red;}</style>

3：链接式是将样式写在css文件里面，然后通过<link />标签指向这个文件：<link href="#" type="text/css" rel="stylesheet" />href里面写的是css文件地址，这里的rel和type不要忘记写了。

目前接触的几种css样式：

1：类选择器，.css1{;}，需要用到话用class="css1";

2：id选择器，给个标签命名个id，如给个div的属性id="div1"，那么#div1{background-color:#00ffff;}。

3：html标签选择器，顾名思义，给标签重定义用的，如:p{color:#ffffff;}。还可以给多个标签同时定义相同的样式如：h1,h2,h3{color:#eeeeee;}。

4：虚类选择器，常见用于超链接：a:hover{},a:link{};a:visited{}。

注意：如果想要将某个元素里的相同的标签设置相同的样式，如：给某个div的超链接a设置相同的hover，visited效果？

解决：给这个div指定个类选择器，将这个类选择器下的a标签设置hover和visited属性

<style type="text/css">

.cssDiv1{color:#eeeeee;}

.cssDiv1 a:hover{color:#ffffff;}

</style>

<div class="cssDiv1">

<a href="#">超链接样式</a>

</div>

5：还有一种不知叫什么，如果想将input标签中的所有type=text的文本框设置样式可以这样，也许低版本的ie浏览器会不行：

 <style type="text/css">
    input[type="text"]
    {
        border:0;    
        background-color:Blue;   
    }
       
</style>