怎么将样式用于网页中呢?
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>