外部样式表代码引用

《外部样式表代码引用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、CSS-外部样式表在href属性里给出的样式表地址必须插入HTML代码的头部（head）既标签（head）（/head）之间样式表如：body{background-color:#00ff00;}文件保存是格式必须为。CSS。HTML外部样式引用范例如下：Background-colorCSS属性用于指定body既整个页面的背景色，也可

2、为其他包含标题或文本的的元素单独使用背景色。例1：让所有标题显示为红色，而这些标题采用的都是h1元素，可编码为：h1{color:#ff0000}例2：我们让body与h1分别应用不同的背景色：body{background-color:#ffcc66;}h1{color:#990000;background-color:#fc9804;}这里为h1应用了两个CSS属性，他们之间一分号（；）分隔。Background-repeat控制图象平铺Background-repeat：repeat-x(横向平铺数值);repeat-x-y(纵

3、向平铺数值)Background-repeat：no-repeat为图象不平铺代码可写为body{background-color:#00ff00;background-image:url(images/002.jpg);Background-repeat：no-repeat；}h1{color:#0000ff;background-color:#ff0000;}Background-attachment指定背景图象是固定在屏幕上还是随它所在的元素而滚动（跟着屏幕移动）Background-attachment：scroll图象跟随页

4、面滚动-非固定Background-attachment：fixed图象固定在屏幕上Background-position放置背景图象，放到你想放到的屏幕位置代码可写为Background-position：2cm2cm图象被放在距离左边2厘米，顶部2厘米的位置代码可写为Background-position：50%25%图象被放在页内水平居中，离顶部1/4处。font-family作用是设置一组按照优先级排序的字体列表按优先级排列字体列表例子：H1{font-family:arial,verdana,sans-serif;}h2{f

5、ont-family:”TimesNewRoman”,serif;}”TimesNewRoman”因中间有空格所以用引号括起来font-style字体样式，定义所选字体的显示样式：normal(正常)，italic(斜体)或oblique（倾斜）下例中所有h2标题都显示为斜体：H1{font-family:arial,verdana,sans-serif;}h2{font-family:”TimesNewRoman”,serif;font-style:italic;}Font-variant字体变化，数值可以是normal(正常)，或

6、small-caps(小体大写字母)H1{Font-variant:small-caps;}h2{Font-variant:normal;}.Font-weight字体浓淡，数值可以是normal(正常)或bold(加粗)p{font-family:arial,verdana,sans-serif;}td{font-family:arial,verdana,sans-serif;Font-weight:hold;}Font-size字体大小，字体大小可以通过多种不同单位（象素或百分笔）H1{font-size:30px;}h2{fon

7、t-size:12pt;}h3{font-size:120%;}p{font-size:1em;}Px与pt将字体设置为固定大小，%与em允许浏览者自行调整字体大小Font缩写P元素代码：p{font-style:italic;font-weight:hold;font-size:30px;font-family:arial,sans-serif;}Font缩写为：p{font:italichold30pxarial,sans-serif}Font属性的缩写值应按以下次序书写font-style；Font-variant；Font-w

8、eight；font-size；font-family一、样式表的分类，分为三种：1，内联样式（在HTML元素内部）；2，内部样式表（位于标签内部）；3，外部样式表。HTML会按照以上顺序识别。二、CSS语法