CSS外部样式表代码引用_第1页
CSS外部样式表代码引用_第2页
CSS外部样式表代码引用_第3页
CSS外部样式表代码引用_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、CSS-外部样式表在href属性里给出的样式表地址必须插入HTML代码的头部（head）既标签（head） （/head）之间样式表如： body background-color:#00ff00; 文件保存是格式必须为。 CSS。HTML 外部样式引用范例如下：<html><head><title> 天下第一 </title><link rel="stylesheet"type="text/css"href="style/style001.css"/></head&g

2、t;Background-color CSS 属性用于指定 body 既整个页面的背景色，也可为其他包含标题或文本的的元 素单独使用背景色。例 1：让所有标题显示为红色，而这些标题采用的都是h1 元素，可编码为： h1color:#ff0000例 2 ： 我 们 让 body 与 h1 分 别 应 用 不 同 的 背 景 色 ： body background-color:#ffcc66;h1color:#990000;background-color:#fc9804; 这里为 h1 应用了两个 CSS 属性，他们之间一分号（； ）分隔。Background-repeat 控制图象平铺Back

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

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

5、font-family: ”Times New Roman ”,serif;”Times New Roman ”因中间有空格所以用引号括起来font-style字体样式，定义所选字体的显示样式：normal（正常），italic（斜体）或oblique （倾斜）下例中所有 h2 标题都显示为斜体：H1font-family:arial,verdana,sans-serif;h2 font-family: ”Times New Roman ”,serif;font-style:italic;Font-variant字体变化，数值可以是normal（正常），或small-caps（小体大写字母）H

6、1Font-variant:small-caps;h2 Font-variant: normal;.Font-weight字体浓淡，数值可以是normal（正常）或bold（加粗）pfont-family:arial,verdana,sans-serif; tdfont-family:arial,verdana,sans-serif; Font-weight:hold;Font-size 字体大小，字体大小可以通过多种不同单位（象素或百分笔）H1font-size:30px;h2 font-size:12pt;h3font-size:120%;pfont-size:1em;Px与pt将字体设置

7、为固定大小，%与em允许浏览者自行调整字体大小Font 缩写P 元素代码： pfont-style:italic;font-weight:hold;font-size:30px;font-family:arial,sans-serif;Font 缩写为：pfont: italic hold 30px arial,sans-serifFont 属性的缩写值应按以下次序书写font-style；Font-variant ；Font-weight；font-size；font-family一、样式表的分类，分为三种：1， 内联样式（在 HTML 元素内部） ；2,内部样式表（位于 vhead>

8、标签内部）;3， 外部样式表。HTML 会按照以上顺序识别。二、CSS语法，CSS规则由两个部分组成：选择器以及一条或多条声明：H1color:red;sont-size:14px;上述代码中：H1-选择器；color与fong-size为属性；red与14px为值；一个属性名称与一个对应的 值为一条声明。如果值为单词，之间有空格必须加引号pfont-family: ”sans serif”;三、高级语法，对选择器分组:h1,h2,h3,h4,h5,h6color:freen; 所有标题原色都是绿色。子元素从父元素，创建一个针对 P 的特殊规则，可以摆脱父元素的规则，如：Bodyfont-fa

9、mily: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:green;<p id= ” red" >这个段落是红色 v/p><p id= ”green” >这个段落是绿色 v/p>ID 属性在 HTML 中只能出现一次。五、ID 选择器与派生选择器。#sidebar pfont-s

10、ize: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 靠下cellspacing 单元格间距cellpadding 打援格衬距，指单元格内

11、容与表格周边边框的距离bdcolor 表格的背景颜色background 表格的背景图bordercolor 表格的边框颜色 bordercolorlight 亮边框颜色 bordercolordark 暗亮边框颜色frame= "border”边框的显示与隐藏（只控制表格边框，不影响单元格）vtd width="85">&nbspv/td> 空单元格代码网页色彩带来的心理反映； 红色：热情，活力，温暖，喜庆，极容易吸引人的眼球 橙色：时尚，轻快，温馨，热烈，用与某些时尚新潮的网站，如时装网，化妆品网站等 黄色：快乐，希望，明亮，乐观，营造出愉快的氛围，能得到大部分浏览者的认可 绿色：宁静，和谐，清爽，自然，浅绿，黄绿等颜色既有绿色的特点，又能表现出黄色的温暖，用在 网站常常能够得到青年人和儿童的喜爱 蓝色：凉爽，清新，理智，平静，常

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论