1、HTML（二）一、HTML 中的特殊符号1.常用的特殊符号：特殊符号 字符实体 示例空格 AB 大于号 a b小于号引号“ Copyright All Reserved2.表单（ 标签）2.1、表单的基本语法：action：规定到表单提交之后，由谁处理，默认为当前页面method：有两种取值 get和 post（更安全，数据量更大）表单内部由大量表单元素构成2.2、表单元素的基本格式2.3、表单元素的逐一介绍1、文本框（type:txt）2、密码框3、重置、提交和普通按钮4、单选按钮（radio）男女5、复选框（check 和 post）运动游泳玩游戏 6、文件域（上传文件）7、下拉列表框一月
2、二月三月四月五月六月七月八月九月十月十一月十二月月8、多行文本域欢迎阅读服务协议9、隐藏域 10、只读和禁用属性a、 只读欢迎阅读服务协议b、禁用同意以上协议3.HTML的注释要避免在注释内容中使用(不规范)可以用= =或者#代替-4、表格布局4.1、基本语法/行百度/单元格猫扑4.2、跨列学生成绩/跨两列4.3、跨行李四4.4、跨行跨列学生成绩5、表格的高级标签表格数据的分组标签,6、表格布局采用 form-table-tr-td进行页面布局7、CSS 样式表CSS是 Cascading Style Sheets 的缩写，层叠样式表（W3C 规范之一），把网页的内容和外观的美化分开。优点：a
3、、实现内容和样式的分离，利于团队开发b、实现样式复用，提高开发效率。c、实现页面的精确控制（有很强大的排版功能）d、利于搜索引擎的搜索7.1、CSS 基本语法样式表主要是由样式规则组成。基本语法包括三个部分：选择器、属性和属性值a、样式表一般用标签来声明样式规则，基本结构：选择器对象属性 1：属性值 1；对象属性 2：属性值 2； b、选择器的分类1、标签选择器（当需要对页面内某类标签的内容进行修饰的时候采用）li（标签名）color:#f00;（属性名 1）font-family:“黑体“;（属性值 2） font-size:36px; （属性值 3）。2、类选择器使用步骤分两步：a、定义样
4、式:类名属性名 1：属性 1；属性名 2：属性 2；。b、应用样式，使用标签的“class“属性引用类样式标签内容3、ID 选择器（一般用来修饰标签）a、 首先使用 ID属性标识被修饰的页面元素。b、定义相应的 ID选择器的样式。#ID标识名属性名 1：属性值 1；属性名 2：属性值 2；优先级：类选择器标签选择器ID 选择器8、常用的样式修饰样式分为文本及字体、背景、列表几个方面。1、文本和字体属性a、文本属性用于定义文本的外观，包括颜色、行高、对齐方式、字符间距等。属性名 含义 举例 应用场景line-height 设置行高（单位 px） line-height=“25px“ 布局多行文本
5、text-align 设置对齐方式( 常用的取值为：left、right、center) text-align=“center“ 适应于各种元素对齐letter-spacing 字符间距（常用：3px;5px;） letter-spacing=“5px“ 加大字符间距text-decoration 文本修饰（underline,none） text-decoration=“none“ 下划线的加或者去white-space 规定如何处理空白(nowrap 不换行) white-space=“nowrap“ 不换行b、字体属性，用来定义字体类型，字号的大小，字体是否加粗等。属性名 含义 举例 应
6、用场景font 在一个声明中设置字体的所有属性 font:bold 12px 宋体 ； 常用于字体样式缩写font-familu 字体类型 font-family:黑体 ； 设置字体类型font-size 字体大小 font-size：12px;font-weight 字体 的粗细 font-weight:bold;(粗体)c、背景属性用来定义网页的背景色或者背景图片，精确的控制背景出现的位置和平铺的方向属性名 含义 举例 应用场景background 声明所有的背景属性 background:#ccc url(images/bg.png)repeat-x 20px -100pxbackgro
7、und-color 背景颜色 background-color:#RGB; background-image 背景图片 background-image:url(images/bg.png);background-repeat 背景平铺方式 background-repeat:no-repeat;(背景不平铺)bcakground-position 背景出现的初始位置 background-position:20px-100px; 位置分别代表 X，Y 轴方向的坐标针对于 background-repeat属性我们又可以细分为：平铺方式 含义 应用场景 repeat 纵横向都平铺（默认值） 用小图片来构建整个背景repeat-x 横向平铺repeat-y 纵向平铺norepeat 背景图不重复平铺针对于 bcakground-position 属性我们又可以细分为：（可以精确的控制背景图出现的位置）a、 Xpos Ypos 代表设置的背景图片出现的初始位置，可以为负值b、 使用百分比表示背景出现的初始位置c、方向、方向的关键词 水平的：left,center,right 纵向：top,center,bottom例：right top 在右上角出现 left bottom 在左下方出现
