《CSS外部样式表代码引用》由会员分享，可在线阅读，更多相关《CSS外部样式表代码引用（4页珍藏版）》请在金锄头文库上搜索。
1、CSS-外部样式表在href属性里给出的样式表地址必须插入HTML代码的头部（head）既标签（head） （/head）之间样式表如： body background-color:#00ff00; 文件保存是格式必须为。 CSS。HTML 外部样式引用范例如下： 天下第一 Background-color CSS 属性用于指定 body 既整个页面的背景色，也可为其他包含标题或文本的的元 素单独使用背景色。例 1：让所有标题显示为红色，而这些标题采用的都是h1 元素，可编码为： h1color:#ff0000例 2 ： 我 们 让 body 与 h1 分 别 应 用 不 同 的 背 景 色
2、： body background-color:#ffcc66;h1color:#990000;background-color:#fc9804; 这里为 h1 应用了两个 CSS 属性，他们之间一分号（； ）分隔。Background-repeat 控制图象平铺Background-repeat: repeat-x（横向平铺数值）;repeat-x-y（纵向平铺数值）Background-repeat： no- repeat 为图象不平铺代码可写为body background-color:#00ff00;background-image:url（images/002.jpg）; Backg
3、round-repeat : no- repeat； h1color:#0000ff;background-color:#ff0000;Background-attachment 指定背景图象是固定在屏幕上还是随它所在的元素而滚动（跟着屏幕移动）Background-attachment: scroll图象跟随页面滚动 -非固定Background-attachment ：fixed 图象固定在屏幕上Background-position 放置背景图象，放到你想放到的屏幕位置代码可写为 Background-position : 2cm2cm图象被放在距离左边2厘米，顶部2厘米的位置代码可写为
4、 Background-position：50%25% 图象被放在页内水平居中，离顶部 1/4 处。font-family 作用是设置一组按照优先级排序的字体列表按优先级排列字体列表例子：H1font-family:arial,verdana,sans-serif;h2 font-family: ”Times New Roman ”,serif;”Times New Roman ”因中间有空格所以用引号括起来font-style字体样式，定义所选字体的显示样式：normal（正常），italic（斜体）或oblique （倾斜）下例中所有 h2 标题都显示为斜体：H1font-family:a
5、rial,verdana,sans-serif;h2 font-family: ”Times New Roman ”,serif;font-style:italic;Font-variant字体变化，数值可以是normal（正常），或small-caps（小体大写字母）H1Font-variant:small-caps;h2 Font-variant: normal;.Font-weight字体浓淡，数值可以是normal（正常）或bold（加粗）pfont-family:arial,verdana,sans-serif; tdfont-family:arial,verdana,sans-se
6、rif; Font-weight:hold;Font-size 字体大小，字体大小可以通过多种不同单位（象素或百分笔）H1font-size:30px;h2 font-size:12pt;h3font-size:120%;pfont-size:1em;Px与pt将字体设置为固定大小，%与em允许浏览者自行调整字体大小Font 缩写P 元素代码： pfont-style:italic;font-weight:hold;font-size:30px;font-family:arial,sans-serif;Font 缩写为：pfont: italic hold 30px arial,sans-se
7、rifFont 属性的缩写值应按以下次序书写font-style；Font-variant ；Font-weight；font-size；font-family一、样式表的分类，分为三种：1， 内联样式（在 HTML 元素内部） ；2,内部样式表（位于 vhead标签内部）;3， 外部样式表。HTML 会按照以上顺序识别。二、CSS语法，CSS规则由两个部分组成：选择器以及一条或多条声明：H1color:red;sont-size:14px;上述代码中：H1-选择器；color与fong-size为属性；red与14px为值；一个属性名称与一个对应的 值为一条声明。如果值为单词，之间有空格必须
8、加引号pfont-family: ”sans serif”;三、高级语法，对选择器分组:h1,h2,h3,h4,h5,h6color:freen; 所有标题原色都是绿色。子元素从父元素，创建一个针对 P 的特殊规则，可以摆脱父元素的规则，如：Bodyfont-family:verdana,sans-serfi;td,ul,ol,li,dl,dt,dd font-family:times; ”Tames New Romani”; Pfont-family:Times, ”Tames New Romani”;serif;四、ID 选择器。 #redcolor:red;#greencolor:gre
9、en;这个段落是红色 v/p这个段落是绿色 v/pID 属性在 HTML 中只能出现一次。五、ID 选择器与派生选择器。#sidebar pfont-size:italic;text-slagn:right;margin-top:0.5em;上述样式只会应用于出现在ID是sidebar的元素段落，这个ID可以使用多次。外连样式表从选择器 ID 掉取方式样式表 #redcolor:red;#greencolor:green;HTML vp id= red v/p 或 vdiv id= red 相关英语单词Center 中心 right 右对齐 top 靠上 left 左对齐 bottom 靠下c
10、ellspacing 单元格间距cellpadding 打援格衬距，指单元格内容与表格周边边框的距离bdcolor 表格的背景颜色background 表格的背景图bordercolor 表格的边框颜色 bordercolorlight 亮边框颜色 bordercolordark 暗亮边框颜色frame= border”边框的显示与隐藏（只控制表格边框，不影响单元格）vtd width=85 v/td 空单元格代码网页色彩带来的心理反映； 红色：热情，活力，温暖，喜庆，极容易吸引人的眼球 橙色：时尚，轻快，温馨，热烈，用与某些时尚新潮的网站，如时装网，化妆品网站等 黄色：快乐，希望，明亮，乐观，营造出愉快的氛围，能得到大部分浏览者的认可 绿色：宁静，和谐，清爽，自然，浅绿，黄绿等颜色既有绿色的特点，又能表现出黄色的温暖，用在 网站常常能够得到青年人和儿童的喜爱 蓝色：凉爽，清新，理智，平静，常用在商业设计中，强调科技，效率的商品的企业形象，大多选用蓝色做为标准色灰色：柔和，高雅，可靠，成熟与红色，橙色等比较有视觉冲击力的颜色对比，灰色比较低调 白色：洁白，纯真，明快，简洁，通常需要和其他色彩搭配使用，多用于网站背景色黑色：深沉，高贵，庄严，优雅，适合许多颜色搭配紫色：高贵，神秘，启发，具有强烈女性化性格，用于与女性相关区域，其他地方一般不采用
