day02-css和js详解.doc

css和javascript CSS CSS介绍 CSS 指层叠样式表 (Cascading?Style?Sheets),用来定义网页的显示效果。 把样式添加到HTML中，可以将网页内容与显示相分离。(可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的现实效果功能。) 外部样式表通常存储在?CSS 文件中可以极大提高工作效率”Times new roma”; 属性3:值31 值32; } 导入CSS 内联样式表 用法: 在相关的标签内使用样式（style）属性。tyle 属性可以包含任何 CSS 属性 ”y1” css中使用#引入，它引用的是id属性中的值.例如 #y1{...} 类选择器 要求: html中的标签有class属性,并且有值.例如 xxx class=”yy1” css中使用.引入，它引用的是class属性中的值.例如 .yy1{...} 元素选择器 这是最常见的选择器，简单说，文档中的元素就是选择器.例如:div{...} 属性选择器 要求: html的标签中必须有某个属性，不论属性是什么 例如 input type=”text” css中定义时候使用 标签名[属性=属性值] 例如 input[type=”text”]{...} 伪类 css伪类用于向某些选择器添加特殊效果。 下面我们介绍一下锚伪类。 在支持css的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00}/* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 具体字体的名称，：。 通常字体系列名称：serif,sans-serif,cursive,fantasy,monospace “,”的意思是指如果本地没有该字体系列，再使用下一个 ?font-size:定义字体的尺寸 例如 font-size:40px ?font-style:定义字体风格 例如 font-style:italic 文本 CSS 文本属性可定义文本的外观。通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。 常用属性 ?color:定义文本颜色 例如 color:#ffff00 ?text-align:定义文本对齐方式 例如:text-align:center text-decoration 向文本添加修饰。例如text-decoration:underline(下划线) ?letter-spacing:定义字符间隔 ?word-spacing:定义字间隔 背景 CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。 常用属性: ?background:简写属性，作用是将背景属性设置在一个声明中 格式：{background: 颜色 url(图片路径) 重复 滚动 位置} 例如: {background: #00FF00 url(bgimage.gif) no-repeat fixed top} ?background-color:定义背景颜色 ?background-image:定义背景图片 background-image:url(xx.jpg) ?background-position:定义背景图片的起始位置 background-position:10% 5%; ?background-repeat:定义背景图片是否重复及如何重复 background-repeat:no-repeat 尺寸 CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。 常用属性: ?width:设置元素的宽度 ?height:设置元素的高度 列表 CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。 常用属性: ?list-style:简写属性。用于把所有用于列表的属性设置于一个声明中。 格式:{list-style : 图片 类型 位置} 例如:{list-style : url(liebiao.jpg) square inside} list-style-type:定义列表项标志的类型 list-style-position:定义列表项标志的位置 常用值:inside ,outside list-style-image:定义列表项标志为图象 ??