01.CSS概述.pptVIP

CSS概述 什么是CSS CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 CSS能做什么 在几乎所有的浏览器上都可以使用。 以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。 使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 你可以轻松地控制页面的布局 。 你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 式样单的例子 html head style type=text/css !-- h2 { font-family: 宋体; font-size: 12px; font-style: italic; color: #FF0033; background-color: #FFCCCC} h1 { font-family: Arial; font-size: 12px; color: #66FF66} -- /style /head body h2你好！朋友，欢迎光临Java2000的教学区。/h2 h1Hello，everybody，welcome in java2000 !/h1 /body /html 简单说明 在style type=“text/css”.../style之间的CSS语法规则中这样定义了文字的风格，标签h2.../h2间的字符为“宋体”，“大小12px”，字符是“倾斜”的，颜色“#ff0033”，字符背景色“#ffcccc”。同理，标签h1.../h1之间的文字字体“arial”，大小“12px”，颜色“#66ff66”。 上面的CSS格式里，h1和h2称为“选择对象”，font-size以及color等称为“属性”，属性后面的称为“参数”。 通过css可以控制任何HTML标签的风格。例如td,p,body,table,tr,th等。只要在HTML的head区内的style type=text/css和/style之间指定对应标签的风格（字体，颜色，字体大小）即可，使用“宋体的9磅字体”可非常的好看啊，许多站用的都是9pt的字体。 如何加入样式表 链入外部样式表文件 (Linking to a Style Sheet) HTML 中, 可以出现在页首, 也可以在页末link rel=stylesheet href=/rainer.css type=text/css“disabled=disabled 在XML中，在声明区中加入： ? xml-stylesheet type=text/css href=/rainer.css ? 定义内部样式块对象 (Embedding a Style Block) style type=text/css P {font: 10pt Arial} /style 内联定义 (Inline Styles) p style=“ font: 10pt ”Arial“段落p @import ?url (url)?sMedia, 指定导入的外部样式表及目标设备类型 @import url(foo.css) screen, print; 需要特别说明的一些问题 CSS的继承性问题： 看了下面的例子就知道了，如果定义 ： h1 { color:yellow } 即，告诉浏览器将所有B标签内的文字用蓝色显示。但是，如果使用如下的HTML语法： h1层叠I式样单/I的例子/h1 对于I标签并没有设定样式，但因为I位于H1之中，所以它将继承H1设定的样式，也以黄色显示。 CSS的优先级问题： 如果混合使用三种式样单，优先级：inline embed link 式样单。 特别指定的样式单的优先级大于继承的式样，例： BODY { color: green }P { color: yellow} 特别规定是：P中的文字用黄色显示，但它同时也继承了BODY的绿色规定。但是特别指定了的式样的优先级大于继承的式样，所以P之内的文字用黄色显示。 * *