实例:
<style type="text/css">a{ color:red; text-align:center; font-size:24px; }</style>
在HTML中引用CSS文件
<head><link rel="stylesheet" type="text/css" href="style.css" /></head>
CSS用到最多的标签是<div></div>、<span></span>、<ul><li></li></ul>
HTML标签属性是以id来设定选择器,在CSS中就以“#”来选定。
如:<a id="a">一段文字</a>
以下为选定表示的方法。实例:
<style type="text/css">#a{ color:red; text-align:center; font-size:24px; }</style>
如果是以class选择器,表示的写法是以“.”号,和id选择器不一样的是,class选择器可以在多个HTML标签中使用。
如:<a class="QQq">一段文字</a>
<p class="qqq">一段文字</p>
实例:
<style type="text/css">.qqq{ color:red; text-align:center; font-size:24px; }</style>
第二种写法,表示a标签下的qqq元素
<style type="text/css">a.qqq{ color:red; text-align:center; font-size:24px; }</style>
实例:
<style type="text/css">a,b,c,d{ color:#FFFFFF; text-align:center; font-size:24px; }</style>
选择实例中a下的li元素,后代元素用空格来选择。
实例:
<style type="text/css">.a li{ color:red; }</style>
子元素就是class下中同样的元素,父子级关系。用大于号表示
实例:
<style type="text/css">.a > .title{ color:#FF6300 }</style>
id具有唯一性,class具有多用性。
待续.............
新闻热点
疑难解答