虽然做java web开发已经有大半年了,但是对一些网站上用到得css和js还是有点不太了解,特别是css,最近正好比较空,打算对css和js系统的学习一下。
样式的三种调用的方式
1.<style type="text/css">
h1{font-size:16pt;color:red}
h2{font-size:10pt;color:green}
</style>
2.<h1 style="font-size:20pt;color:red">hello</h>
<h2 style="font-size:10pt;background:yellow;font-
family:courier">hello</h>
3.<link rel=stylesheet href="03.css" type="text/css"></link>
一般我们都采用第三种方式
多个样式出现的时候采取的时就近原则,
css选择器
p.code{font-size:20pt;color:red}
p.comment{font-size:10pt;color:green}
<pre></pre>是保留中间的格式
类选择符:class .
ID选择符:id #
.code{font-size:20pt;color:red} 任何class是code的时候都是这种格式
#code{font-size:20pt;color:red} 任何id是code的时候都市使用这种格式
h1,p{font-size:20pt;color:red}可以多个一起指定
p a{font-size:20pt;color:red} p里面的的a
样式的三种调用的方式
1.<style type="text/css">
h1{font-size:16pt;color:red}
h2{font-size:10pt;color:green}
</style>
2.<h1 style="font-size:20pt;color:red">hello</h>
<h2 style="font-size:10pt;background:yellow;font-
family:courier">hello</h>
3.<link rel=stylesheet href="03.css" type="text/css"></link>
一般我们都采用第三种方式
多个样式出现的时候采取的时就近原则,
css选择器
p.code{font-size:20pt;color:red}
p.comment{font-size:10pt;color:green}
<pre></pre>是保留中间的格式
类选择符:class .
ID选择符:id #
.code{font-size:20pt;color:red} 任何class是code的时候都是这种格式
#code{font-size:20pt;color:red} 任何id是code的时候都市使用这种格式
h1,p{font-size:20pt;color:red}可以多个一起指定
p a{font-size:20pt;color:red} p里面的的a