CSS笔记20110428.docVIP

CSS 01 引用样式 引用外部样式表 link rel=stylesheet href=./css.css type=text/css / style type=”text/css” @import:./index.css; /style 文档内部样式表 style type=text/css body {font: 10pt Arial} /style 内联样式 p style=margin-left: 0.5in; margin-right:0.5in 选择 类型选择符： 类型{样式定义} 例: td{ font-size:14px; } 包含选择符： A类型 B类型{样式定义} 例: table td { font-size:14px; } ID选择符： #ID{样式定义} 例: #note{ font_size:14px; } 类选择符： .ClassName{样式定义} 例: .dream{ font-size:14px;} 选择符分组： 选择符A,选择符B,选择符C{样式定义} 例: td,div,a{font-size:14px;} 伪类选择符： 选择符:伪类{样式定义} 例: div:first-letter{ font-size:14px; } 边框 设置边框风格：border-style，border-top-style，border-right-style，border-bottom-style，border-left-style 取值：none 无框 , hidden 隐藏 , dotted 点线 , dashed 虚线 , solid 实线 , double 双线 groove 凹槽 , ridge 菱形 , inset 凹边 , outset 凸边 例如：body{ border-style :double groove; border-bottom-style:dashed; } 设置边框颜色: border-color， border-top-color，border-right-color，border-bottom-color，border-left-color 例：body{border-color:silver; border-bottom-color:RGB(223,94,77); } 设置边框宽度: border-width，border-top-width，border-right-width，border-bottom-width，border-left-width 取值：medium 默认 , thin 细线 , thick 粗线 例如：div{border-width:thin; border-bottom-width:10; } 背景 设置背景颜色：background-color 取值：transparent 透明 例如：p{ background-color:silver; } 设置背景图片：background-image 取值：none 无图片，url(图片地址) 例如：code{ background-image:url(./comet.jpg) } 背景图片固定：background-attachment 取值：:scroll 背景随内容滚动 , fixed 背景固定 背景图片排列：background-repeat 取值：repeat 全平铺 , no-repeat 不平铺 , repeat-x 横向平铺 , repeat-y 纵向平铺 背景图片定位：background-position，background-position-x，background-position-y 取值：background-position:10px -125px; 注意：background-position-x，background-position-y火狐浏览器不支持。 CSS 02 尺寸 相对长度单位：em 字体尺寸 , ex 相对于字符的高度 , px 像素 绝对长度单位：pt 点 , pc派卡 , in英寸 , cm厘米 , mm毫米 高度：height , 最大高度:max-height , 最小高度:min-height 例如：div{height:1 in ;} p{max-height:200%;} p{min-height:200px;} 宽度：width , 最大宽度:max-width , 最小宽度: min-width 例如：div{width: 1 in