CSS 学习.docVIP

CSS全称Cascading Style Sheet。层叠式样式表。从三年前就开始使用CSS了，但一直以来都小看了它。CSS的出现其实是一次革命，它试图将网站的内容与表现分开。一、CSS的四种实现方式：1.内嵌式：2.外链式：3.导入式3.属性式：二.CSS的定义：选择对象{属性1:值1;属性2:值2;属性3:值3;属性n:值n……}如：td{font-size:12px;color:#FFFF00}.myname{font-size:12px;color:#FFFF00}a:hover{font-size:12px;color:#FFFF00;text-decoration: underline;}三.四种选择对象1.HTML selector (TagName)2.class selector (.NAME)3.ID selector (#IDname)4.特殊对象 (a:hover　a:link　a:visited　a:active)1.HTML selectorHTML selector就是HTML的置标符，如：DIV、TD、H1。HTML selector的作用范围是应用了该样式的所有页面中的所有该置标符。例：td{color: #FF0000;} --注意：在中没有应用什么，其中文字自动变红色。2.class selector定义class selector需要往其名称其加一个点“.”。如“.classname”。class selector的作用范围是所有包含“class=classname”的置标符。例：.fontRed{color: #FF0000; }--注意：在第二个中没有“class=fontRed”，所以文字没有变红色。3.ID selector定义ID selector需要往其名称其加一个点“#”。如“#IDname”。ID selector的作用范围是所有包含“ID=classname”的置标符。例：#fontRed{color: #FF0000;}--??注意：在第二个中没有“ID=fontRed”，所以文字没有变红色。4.特殊对象特殊对象包括四种，是针对链接对象设置的:a:hover 鼠标移上时的超链接a:link 常规，非访问超链接a:visited 访问过的超链接a:active 鼠标点击时的超链接特殊对象的作用范围是所有置标符（这句话有待商榷，因为下面很快就有一种方法可以把“所有”两个字推翻）。例：a:hover{color: #0000FF;text-decoration: underline;}--注意下面，很有用！！！a.classname:hovera#IDname:hover这两种写法，是分别配合.classname与#IDname使用的。它的作用范围变成了所有包含“class=classname”或“ID=IDname”的置标符。这种写法，可以帮助你在同一页面中实现多种a:hover效果，可以看一下艺网的主页上导航栏文字与普通文章标题在鼠标时的区别。四.应用：1.置标符　自动应用2.特制类　class=NAME3.ID? ?ID=IDname4.特殊对象　自动应用五.CSS属性CSS的属性有很多，像上文中用到最多的color，表示文字的颜色。background-color表示背景色。这个是最主要的，但是因为没有什么难度，参考一下相关手册就可以了。注明两点第一点：css的方式现在一般都采用外部连接，这个用起来方便，编译起来也方便第二点：我用的是frontpage2003，很多css的参数都会自动提示，似乎好像以前我没有用到过~~dw有的最近比较流行作qq挂机站，好的样式能给大家带来经常光顾的感觉，希望对大家有用! CSS 标签属性/属性参考 这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于 Microsoft? Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用。如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布，则标有“已提交”。若某个标签属性或属性既未提交给 W3C 也不是标准，将标有“扩展”。CSS 标签属性/属性行为属性 behavior字体和文本属性 direction* direction font font-family font-size font-style fon