Copyright © 2000-2016 www.knowsky.com All rights reserved | 沪ICP备05001343号

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

[note]CSS<一>CSS ( Cascading Style Sheets ) 中文:层叠样式表定于语法:<style type=""> </style>实例:

<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>

选择器id选择器HTML标签属性是以id来设定选择器,在CSS中就以“#”来选定。

如:<a id="a">一段文字</a>

以下为选定表示的方法。实例:

<style type="text/css">#a{color:red;text-align:center;font-size:24px; }</style>

class选择器如果是以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具有多用性。

待续.............

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航