css基础技术总结.ppt

头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content * 字体名称 英文名称 Unicode?编码 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 microsoft yahei \5FAE\8F6F\96C5\9ED1 楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 隶书 LiSu \96B6\4E66 幼园 YouYuan \5E7C\5706 华文细黑 STXihei \534E\6587\7EC6\9ED1 细明体 MingLiU \7EC6\660E\4F53 新细明体 PMingLiU \65B0\7EC6\660E\4F53 * 子代选择器: 只选择儿子辈的元素 divp{color:red} 属性选择器: 标签属性设置样式 p[class][id]{color:red} * Css基础 Html基础 复习(table) -table 基本结构: table thead/thead 定义表格的表头 tbody/tbody 定义表格的主体 tfoot/tfoot 定义表格的结尾部分 /table -注释：1：thead、tbody 以及 tfoot 很少被使用，这是因为糟糕的浏览器支持。 2：如果使用 thead、tfoot 以及 tbody 元素，就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody 3：thead/thead 从table结构讲，对行进行分组 th/th定义表头单元格，表格中的文字将以粗体居中显示 Html基础 复习(table) -table中的一些属性 属性名称 含义 Width 设置宽度 Height 设置高度 Cellpadding 设置文字与单元格内边距 Cellspacing 设置单元格之间的距离 Border 设置表格边框 Align 设置对齐方式（left,center,right） bgcolor 设置表格背景颜色 Html基础 复习(from) -表单重要作用:采集数据信息 -表单语法格式:form method=“” action=“”/form -表单组成部分:表单控件,提示信息，表单域 -表单控件： input type=“控件类型” 控件语法 含义 input type=”text” name=“” 文本输入框 input type=“password” 密码输入框 input type=“radio” name=“gender” 单选框 input type=“checkbox” 复选框（多选框） input type=“file” 文件上传控件 input type=“button” 普通按钮 value 设置显示文字 控件语法 含义 input type=“image” src=“” 图片按钮 input type=“submit” 提交按钮 input type=“reset” 重置按钮 -相关属性： maxlength:设置最大输入长度 readonly=“readonly”：设置当前控件为只读 disabled=“disabled”:设置当前控件非激活状态 checked=“checked”：单选框或复选框默认选中