学习CSS时的个人笔记.doc

各种元素的属性 （1）body元素 background：定义body元素的背景图片 bgcolor：定义body元素的背景颜色 leftmargin：定义body元素与浏览器左边界的距离 topmargin：定义body元素与浏览器上边界的距离 class：链接级联样式 style：直接定义级联样式 （2）文本元素 align：定义文本的水平对齐方式 class：链接级联样式 style：直接定义级联样式 pretext/pre：浏览器保持text文本的原有的格式输出 （3）修饰元素 hr元素 align：控制对齐方式 color：控制显示颜色 size：控制分隔线的高度 width：控制分隔线的宽度 img元素 scr：指定图片所在的路径 alt：指定替代图片的文本 width：定义图片的宽度 height：定义图片的高度 align：定义图片的对齐方式 border：定义图片的边框 （4）链接元素 href：指定链接的路径 target：指定链接的显示位置 _blank：浏览器在新的窗口打开链接页面 _self：在页面所在的窗口显示链接的页面（链接的默认值） _parent：在父窗口中打开链接页面 _top：在本窗口中取代框架内容并打开链接页面 （5）表单元素 action：指定处理提交数据的的程序路径 method：设置传送数据的方法 id：用来标记表单 class：使用级联样式控制表单的表现 type：指定元素的类型 size：指定表单的宽度 border：指定表单的边框 （5）表格元素 table：用来定义一个表格 tr：定义表格中的行元素 td：定义表格中的单元格 align：定义表格的水平对齐方式 border：定义表格的边框 bgcolor：定义表格的背景颜色 background：定义表格的背景图片 cellspacing：控制表格相邻单元格的间距 cellpadding：单元格边缘和内容之间的距离 valign：定义单元格中内容的垂直对齐方式 width：定义表格或者单元格的宽度 height：定义表格或者单元格的高度 colspan：合并表格的列 rowspan：合并表格的行 CSS命名参考 结 构 名 称 主导航 mainnav 子导航 subnav 页 脚 footer 内 容 content 头 部 header 底 部 footer 商 标 label 标 题 title 顶导航 topnav 侧 栏 sidebar 左侧栏 leftsidebar 右侧栏 rightsidebar 标 志 logo 标 语 banner 子菜单 submenu 注 释 note 容 器 container 搜 索 search 登 录 login CSS样式表书写顺序 显示属性（display list-style position float clear） 自身属性（width height margin padding border background） 文本属性（color font text-decoration text-align vertical-align white-space other content） 应用样式的优先级 最近最优先原则，是决定元素使用哪些属性的关键。 元素中直接使用的CSS 页面头部调用的CSS 链接形式调用的CSS ID选择符 类选择符 类型选择符 CSS基布局属性 （1）定位属性 （1）定位模式 position: static | relative | absolute | fixed (不可继承) static：元素按照普通方式生成 relative：元素将保持原来的大小偏移一定的距离 absolute：元素将人页面元素中被告独立出来，使用边偏移进行定位 fixed：元素将从页面元素中被独立出来，但其位置相对于屏幕本身，而不是文档的本身 （2）边偏移 top：定义元素相对于其父元素上边线的距离 right：定义元素相对于父元素右边线的距离 bottom：定义元素相对于父元素下边线的距离 left：定义元素相对于父元素左边线的距离 （3）层叠定位属性 z-index：定义元素层叠的顺序（为没有单位的数字值） （2）页面的背景设定 background: 背景颜色 | 背景图像 | 背景位置 | 背景重复 | 背景附件 background-color：定义背景颜色 background-image: url(图片路径)：定义背景图片 background-repeat: repeat | no-repeat | repeat-x | repeat-y：定义背景图片的重复性