与css亲密接触（css详解）

《与css亲密接触（css详解）》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、与CSS亲密接触（CSS详解）>>edu.5151doc.教育资源库CSS全称CascadingStyleSheet。层叠式样式表。一、CSS的四种实现方式：1.内嵌式：2.外链式：3.导入式4.属性式：二.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.

2、HTMLselector(TagName)2.classselector(.NAME)3.IDselector(#IDname)4.特殊对象(a:hover　a:link　a:visited　a:active)1.HTMLselectorHTMLselector就是HTML的置标符，如：DIV、TD、H1。HTMLselector的作用范围是应用了该样式的所有页面中的所有该置标符。例：td{color:#FF0000;}-->注意：代码的作用是使表格单元格内文字自动变红色。2.classselector定义classselector需要往其名称其加一个点“.”。如“.c

3、lassname”。classselector的作用范围是所有包含“class="classname"”的置标符。例：.fontRed{color:#FF0000;}-->注意：在第二个中没有“class="fontRed"”，所以文字没有变红色。3.IDselector定义IDselector需要往其名称其加一个点“#”。如“#IDname”。IDselector的作用范围是所有包含“ID="classname"”的置标符。例：#fontRed{color:#FF0000;}-->注意：在第二个中没有“ID="fontRed"”，所以文字没有变红色。4.特殊对象

4、特殊对象包括四种，是针对链接对象设置的:a:hover鼠标移上时的超链接a:link常规，非访问超链接a:visited访问过的超链接a:active鼠标点击时的超链接特殊对象的作用范围是所有置标符（这句话有待商榷，因为下面很快就有一种方法可以把“所有”两个字推翻）。例：a:hover{color:#0000FF;text-decoration:underline;}-->注意下面，很有用！！！a.classname:hovera#IDname:hover这两种写法，是分别配合.classname与#IDname使用的。它的作用范围变成了所有包含“class="clas

5、sname"”或“ID="IDname"”的置标符。这种写法，可以帮助你在同一页面中实现多种a:hover效果，可以看一下艺网的主页上导航栏文字与普通文章标题在鼠标时的区别。四.应用：1.置标符　自动应用2.特制类　class="NAME"3.IDID="IDname"4.特殊对象　自动应用五.CSS属性CSS的属性有很多，像上文中用到最多的color，表示文字的颜色。background-color表示背景色。这个是最主要的，但是因为没有什么难度，参考一下相关手册就可以了。CSS标签属性/属性参考这里列出了目前支持的样式表(CSS)标签属性。CSS标签属性/属性行为属性be

6、havior字体和文本属性directiondirectionfontfont-familyfont-sizefont-stylefont-variantfont-e-modelayout-gridlayout-grid-charlayout-grid-linelayout-grid-modelayout-grid-typeletter-spacingline-breakline-heightmin-heightruby-alignruby-overhangruby-positiontext-aligntext-autospacetext-decorationtext-ind

7、enttext-justifytext-kashida-spacetext-overflotext-underline-positionunicode-bidivertical-alignode[本文共有2页，当前是第1页]<<上一页下一页>>[这篇文章来自..，]