★☆★说明:css文件的路径用绝对路径(http://...)表示或者用相对路径(例如:../csscode/my.css)表示都可以。
然后再单独生成一个css文件,叫做my.css (随便起名)。文件内容如下:
h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
只要将这个CSS文件上传到服务器指定的目录即可。
(3)使用"inline(行内样式单)排版样式":
inline样式单采用HTML标签的"style"属性,它的特点是"定义某一个标签的式样单风格",只对所定义的标签起作用,并非对整个页面起作用。例如:
〈p style="font-size: 14pt ; color: #99ff99 ; font-family: 宋体"〉层叠式样单〈/p〉
看到的效果:
层叠式样单
使用行内样式单,你必须为每行指定样式规则,否则下一行时浏览器将使用页面的缺省设置。 但是:有时候这种方式却非常有效。
(4)使用"import(输入的外部式样单)"--适用于IE浏览器。
| 以下是引用片段: 〈html〉 〈head〉 〈style type="text/css"〉 〈!-- @import url(my.css); --〉 〈/style〉 〈/head〉 〈body〉 〈h3〉输入的外部式样单〈/h3〉 〈/body〉 〈/html〉 |
其中my.css样式单文件的内容如下:
h3 { font-family: "宋体"; font-size: 12pt color: green }
执行的结果如下:
输入的外部式样单
4、[ 主题:需要非凡说明的一些问题--CSS进阶]
★☆★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〉之内的文字用黄色显示。
评论加载中…
![]() |