学习笔记整理.docx

前端课程 笔记简介- 设计色彩、设计布局、用户体验- 页面制作- 功能添加动态效果业务逻辑和数据处理和服务器交互 设计和前端- 前端：用户体验度，上线速度； - 服务端处理(、)- 测试- 推广 （拉勾网） 推广（网络营销）前端界面设计与制作-实现产品界面与功能-优化，兼容-与后端交互(编写-调试-实践)课程设置第一阶段：- 5基础- 3- 设计第二阶段：- ()- (文档对象模型)- （服务器）第三阶段：- 5高级- - （异步和局部刷新）第四阶段：- - - 阶段项目目录简介11 541.1 01： 基础知识 、 快速入门 、 文本41.2 02： 图像和链接 、 表格 、 结构标记71.3 03： 列表 、 表单 、 其他常用标记122 3152.1 01： 概述 、 语法 、 尺寸与边框152.2 02： 框模型 、 背景 、 渐变212.3 03： 文本格式化 、 表格 、 浮动242.4 04： 显示 、 列表 、 定位273 3283.1 01： 复杂选择器 、 内容生成 、 多列 、 283.2 02： 转换 、 过渡 、 动画 、 优化324 384.1 01： 概述 、 基础语法 、 变量和常量 、 数据类型384.2 02： 数据类型转换 、 运算符和表达式434.3 03： 函数 、 分支结构_1494.4 04： 分支结构_2 、 循环结构544.5 05： 创建和访问数组 、 数组的常用方法_1564.6 06： 数组的常用方法_2 、 二维数组 、 1624.7 07： 2 、 正则表达式_1684.8 08： 正则表达式_2 、 、 、704.9 09： 错误处理 、 744.10 010： 、 、 原型与继承854.11 面向对象 原型945 995.1 01： 概述 、 树 、 选取元素995.2 02： 读取和修改节点对象属性1045.3 03： 增加、删除和替换节点 、 常用 对象1065.4 04： 概述 、 对象 、 常用子对象-11085.5 05： 常用子对象-2 、 对象 、 1126 1156.1 01： 、 选择器1156.2 02： 操作 、 事件1176.3 03： 动画效果 、 类数组操作 、 使用插件11216.4 04： 使用插件2 、 开发插件1257 51267.1 01： 5表单元素 、 5表单属性 、 5表单验证1267.2 02： 视频处理 、 音频处理 、 绘图-11297.3 03： 上绘图-2 、 处理中的图像 、 框架1347.4 04： 、 框架1377.5 、 拖放1427.6 06： 、 存储 、 1488 1588.1 01： 服务器概述 、 数据库服务器 、 服务器1588.2 02： 语言基础 、 操作数据库1668.3 03： 、 协议 、 优化1729 1819.1 01： 、 的使用1819.2 02： 语法 、 解析 、 1859.3 03： 的增强操作 、 跨域请求1891019210.101： 响应式网页 、 起步192349 / 3521 51.1 01： 基础知识 、 快速入门 、 文本【基础知识】 又称万维网或环球网，即（ ）,把信息和服务进行无缝连接；- 与：是运行在的应用；1：互联网；信息共享；2提供的主要服务：（远程登录）、(电子公告板：天涯论坛、百度贴吧)、（上下传协议、上传、下载）；3.基本实现技术： - 分组交换原理：信息在上被分成许多小数据包（分组）进行传输，到达目的后将数据包重组为信息； - 协议族：用于找到指定的服务器；4简介 又称万维网或环球网，即 把各种类型的信息与服务无缝连接，提供生动的图形用户界面（文档） - 信息：文字、图片、声音、视频等 - 服务：、等- 的工作原理现在计算机应用的程序结构：1、 : / 客户端/ 服务器 模型通过指定的客户端来访问指定的服务器代表：，魔兽世界，酷狗音乐盒.2、 / 浏览器 / 服务器 模型可以通过浏览器来访问指定服务器上的信息； 多于; 请求（） 浏览器协议服务器 浏览器 协议服务器 响应（）3、： :个人计算机；4、通信协议采用的是协议： 协议：10.1.1.1 只上传或下载文件，不作文本传输； 协议：超级文本传输协议； - 规定了如何传递数据 - 以及传递的数据格式是什么 :域名解析器；将域名解析为地址5主要以网页的形式来发布多媒体信息； - 超文本标记语言 6.浏览器连接到服务器并获取页面；- 服务器1.主要功能： - 存储上的信息，提供管理环境 - 响应浏览器请求，执行服务器端程序 - 安全功能2.主要服务器产品： .- 浏览器1.主要功能 - 提交请求 - 作为解释器和内嵌脚本程序执行器 - 用图形化得方式显示文档；2.主要浏览器 - 的相关技术 （数据库 ）1.服务器端技术数据库（） - - - - 请求与响应（）2.客户端技术 - 表现： - 交互：【快速入门】1概述：- 是一个超文本文件的集合；- 超文本：超文本文件是的基本组成单元，也称为网页或文档、页等，通常以或、为后缀的文件；页通过超链接组织在一起；- 页之间通过超文本中的超级链接组织在一起； 超文本标记语言- 使用带尖括号的“标记”将网页的内容逐一标识出来；-由浏览器解释执行；2 基本语法- 标记导致不同的显示效果；- 标记必须使用尖括号括起来；1、：超文本标记语言2、文档格式- 标记有封闭类型（成对），也有非封闭类型； 封闭：成对出现。有开始，有结束（双标签） :开始 ：结束 非封闭：只有开始没有结束；（单标签） :即表示开始，又可以表示结束；5中可以这么写。 : :双标签中,可以将一些文本写在标签内，这些文本收当前标签样式控制；*注意：封闭标签。必须成对出现；3.元素1.即标记；- 元素可以包含文本内容和其他元素，也可以是空的；元素嵌套：- 嵌套顺序：用缩进的方式进行体现； 2.属性和值： 属性：用来修饰元素；- 属性的声明必须位于开始标签里； - 一个标签内、属性可以有多个、不分先后顺序、多个属性间用空格区分； 功能：控制文本在标签内的水平对齐方式 / / ;*标准属性（公共属性、通用属性）：大部分标签所具备的属性； - : 定义所在标签唯一标识名称； - ：鼠标移到当前标签所在区域时所显示的文本； - ：引用样式表中的指定“类”样式； - ：定义当前标签的行内样式；3.注释：不会被浏览器或服务器所翻译的内容；- 解释说明；/*注释*/- 注释是不能嵌套； - 注释不能写在标签声明里； a 4 与 1999年12月24日，W3C推荐标准4.01；1.0 于2000年的1月26日成为W3C标准- 与几乎相同；- 更严格、更纯净的版本； a 元素必须被关闭，空标记也要关闭； a5: 更为简洁的代码； a 5: a * 属性值加的引号和结束标签的/ 最好加上；5.文档结构1.文档类型声明：- 放在标签里；- 严格类型；- 过度类型；4.01与1.0之间过度；- 框架类型，（很少用）5的文档类型声明： ：字符集 8859-1：支持英文编码解析 8:支持中文，支持英文 2页面：- :整个网页里有且只有这一对根元素；* - 按照严格版本，版本是“1.0”且是严格模式（ ）时，标签必须包括“命名空间标识符” -两个子元素： 1.2 02： 图像和链接 、 表格 、 结构标记1.浏览器：解析代码以及语言；2.元素：主要包含网页的说明信息；1.网页标题2.网页的编码格式；3.声明内部样式表；4.引入外部样式表；5.声明脚本；6.引入外部脚本；7.声明其它元素：关键字，描述等。- 标题：:标签页，没有任何属性，只能出现在里；3.网页编码格式：1.默认编码：8859-1 - 不支持中文； - 改编码，通过标签 描述 描述内容类型 字符集 82.添加的描述和关键字； ：一般作说明信息的声明； - 常用属性： 修改编码 修改编码 * - 添加关键字： 面向搜索引擎； - 添加描述： 搜索出来对标题的解释；4. 特殊字符：通过转义字符来标识特殊符号；如空格、;转移字符：改变单词原有的意思，被解释成一种全新的意义；- & 与- ;空格- ; - 企业标识：; - ;人民币5.文本样式： 加粗 倾斜 下划线 删除线 上标 下标6.标题元素： 一级标题到六级标题；7、分区元素1.块级元素：多数用于布局； 自己独自占一行的元素都称为块级元素， (h16)、 、 、 、 2.行内元素： 包围文本，方便为文本添加效果； 与其他的行内元素可以在一行内显示， , b, u, i s *行内元素宽和高是由内容决定的，不受和控制；8.水平线 ： 常用属性：- :水平线的粗细- :水平线的长度；数值/百分比；- ：水平对齐方式- :颜色；9.预格式化标签:保留源文档中的格式，保留原来的空格和换行；【图像和链接】目录结构：* 目录就是站点中文件夹的名称；- 包含多个子目录- 1(统一资源定位符)：要需找的资源的地址；路径 ；- 文件，图片、音视频、其他页面。 相对路径：相对于当前页面而言； 平级用名字，子级进目录，父级向上返； 根相对路径： 服务器上：以/开始 绝对路径：又叫全路径，就是资源文件在计算机中的位置/文件从最高级目录下开始的完整的路径；无论当前资源路径是什么，使用绝对路径总能找到需要的资源； 向成云02 组成： 1.协议： 2.主机名/域名； 3.目录路径； 4.请求的资源名； 2.图像； 图像格式： - - - 属性：指定显示的图像的路径 属性：图像的宽 属性：图像的高 属性：鼠标移到图片上显示的文字 3.链接； 点击文本 点击文本 点击文本 目标： 在本页打开 在新页面打开 a标签也有属性；* 属性：定义锚点名称；例子：“回到顶部” 链接接的各种表现形式： 1.下载资源： 点击文本 2.网页跳转： 点击文本 3.电子邮件链接： 联系我们 4.返回页面的空链接； 5.链接到; 6.打印出文档【锚点】通过a定义锚点：中的锚点相当于文档中某个位置的记号；1.定义锚点； 2.跳转到锚点； 跳转到锚点 锚点也可以指向； 跳转其它页面锚点处： 跳转到锚点【】属性： -边框颜色 -表格相对父元素的对齐方式 10 -单元格间距 20 -单元格与内容的边距 -背景颜色* -背景图片属性： : : -控制单元格里面的内容水平对齐方式 ：、 -垂直对齐方式属性 -背景颜色 -背景图片 : -控制单元格里面的内容水平对齐方式/ ：、 -垂直对齐方式 -跨列 向右合并； -跨行 向下合并；表格标题：列标题：与平级；行分组：表头行分组： 表主题行分组：表尾行分组： *如果和都设置了和：值大的有效；布局的缺点：网页中要把所有的图像等都下载完才显示；【5结构标记】 页头 导航主体内容引用的文章、帖子、博客. 侧导航、边栏等 页尾【列表】显示多条相关信息的组件；1.有序列表；:序列类型 3 ：从3开始； 列表项 2.无序列表； 方块/空心圆/实心圆 和中间只能嵌套，里可以嵌套任何标签；3.定义列表： 标题 / 图 文字描述图文混排1.3 03： 列表 、 表单 、 其他常用标记【表单】1.表单标签：作用：用于定义表单中的基本信息，如提交地址，提交方式等。* 如果表单元素没有出现在里，是不能提交到服务器。属性：- 提交地址 服务器处理数据的程序地址，由服务器端开发人员提供。默认提交到本页。- 表单以什么方式将数据提交给服务器（明文还是密文） 默认值是； 常用值： 1 - 密文 - 有密码选提交 - 不限传递数据长度 2 - 明文 - 有传递数据长度限制 ：2；- 定义表单名称；方便使用来获取表单；- 表单数据的编码方式； 不同的数据使用不同的方式，主要体现在“普通文本”传输和“文件”传输上； 取值： 普通文本 默认按文本方式将数据传递； 上传文件时的编码值 也是普通文本编码方式 但有时候不符合规定不能传； 2.表单元素（控件）：用于接受用户数据； - ： 属性： ： 用于区分不同的元素的样式和功能； 1 - 文本框 没有安全性； 2 - 密码框 密文/密码录入； 文本框和密码框其他的属性: : :* 3 -复选框 注意：作为一组复选框，属性值必须一致； 4 - 单选按钮 分组 注意：如果一组单选按钮中只有一个能被选上，他们的属性必须一样； 性别 5 - 用于提交表单到服务器； - 将所有表单元素恢复到默认值； - 执行自定义的脚本内容； 6.隐藏域 - 在页面看不见的地方保存一段信息；如用户注册的号； - 一般情况下，会将安全系数较高的并且不想让用户看见的数据保存在隐藏域中； 文件框 - 能实现文件选择的功能； -上传文件；*注意：上传文件必须把的属性改成：； ： 当前表单元素的名称，用于提交给服务器使用； ： 默认值； 禁用控件 - 多行文本域 使用场合：注册信息时的详细条款等。 属性：指定文本区域的列数 一行显示多少个字；：指定文本区域的行数 显示多少行； 超出显示滚动条； - 与 : 从下拉框选择内容； 123 分类： 1.下拉列表 2.滚动列表 属性 ： ：显示被选信息数量 大于等于3条就显示滚动条； :是否多选； 属性 ： 选项值 ：预选中 - 其他元素1: 与表单元素相关联；点击该时如同点击关联的表单元素； 文本 属性： ：关联表单元素的；2.为空间分组： ：为控件分组； ：分组的标题；【其他常用标记】1.浮动框架：在一个页面中显示多个文档内容，也就是将其他的页面嵌入到当前页面中；属性： :浮动框架中的网页；一个页面可以出现多个 ： ： :边框2.摘要与细节： 作用：将网页一部分信息通过类似于下拉列表的方式进行显示与隐藏； 用于定义细节 显示当前的标题注意：必须要出现在的第一个子元素的位置；3.度量元素：多数进度的显示、比例的显示。属性：范围的最小值；默认为0；：范围的最大值；默认为1；：度量值；默认为0；4.时间元素：显示内容 定义公历时间24小时制；或日期；属性：规定日期和时间；日期与时间通过“T”来表示分割；5.高亮显示文本元素：文本突出显示文本；2 32.1 01： 概述 、 语法 、 尺寸与边框【 : 】层叠样式表级联样式表1、作用：已统一的方式为页面定义外观；实现内容与表现的分离；提高了代码的可重用性和可维护性；2.样式表的分类： - 内联样式表：代码写在标签的属性中；-只对一个标签起作用；不通用；样式规则：属性名称:属性值; - 内部样式表：代码写在的标签里的标签中；-当前网页任何一个标签都可以使用，提高了代码的重用性，仅限当前页面使用；/*这里是注释！*/样式组成：选择器和样式声明；选择器：决定哪些元素使用定义好的规则；样式声明：由一对大括号包围所有的样式规则； 选择器 /*样式规则*/ 属性名称:属性值; - 外部样式表：将样式定义在外部的文件中，独立于任何一个页面的样式表；可以由任何一个页面进行样式表的引用；-将页面内容与表现样式完全分离；真正意义上实现了样式表的可重用性；1:创建以为后缀的文件；2: 选择器 /*样式规则*/ 属性名称:属性值;3:在页面对文件进行引用；1.2. 3样式表特征：1.继承性大部分的样式属性是可以继承的；:12; 里的标签都可以继承；2.层叠性可以为一个标签定义多个样式；h1;h1:1 ;后面的属性覆盖前面的；如果在内部和内联也有重复的，看优先级；* 3.优先级内联样式优先级最高；内部和外部看引入顺序；就近原则；4.调整优先级选择器属性：属性值 ;4.选择器：决定哪些元素使用当前样式；1.通用选择器 表示：*可以与任何元素匹配，多数用在设置网页整体默认样式；*: ;2.元素（标签，标记）选择器（样式） 表示：元素名称 / p用标记名作为选择器的名称用于设定某一标签的样式3.类选择器 表示：* 注意：类名不能以数字开始； 使用：能够附带属性都能使用类选择器；将元素的属性设置为类名即可； 一个标签可以同时引用多个类选择器； 4.类选择器和元素选择器结合使用 表示：元素.类 又称为分类选择器；5选择器 表示：使用的属性值作为选择器名称； 的作用：定义元素的唯一标识，；匹配样式； +6.群组选择器（选择器分组）以“，”隔开的选择器列表；将相同的规则用于多个元素；通常用于定义共同部分的样式； 表示：1 用逗号隔开；7.后代选择器：以元素的层次关系来作为选择器名字; 根据元素的位置（层次）找到元素；修改样式；表示： a 用空格隔开； a 8.子代选择器只描述父子关系，标签嵌套也 局限于父子关系的嵌套； 表示：选择器1选择器29.伪类选择器：定义元素不同状态时的样式,为一些选择器添加特殊的效果；通过“：”作为结合符； 表示：选择器：伪类选择器 a元素： 未访问过的状态、鼠标悬停、激活时候的状态、访问过的状态 未访问过的状态 访问过的状态 鼠标悬停 激活时候的状态* 浏览器兼容顺序：l v h a; 6伪类分类：链接伪类： 未访问过的状态 访问过的状态动态伪类： 鼠标悬停 激活时候的状态 元素获取焦点时的状态目标伪类元素状态伪类结构伪类否定伪类5.选择器的优先级：内联 类选择器、伪类选择器 元素选择器类选择器、伪类选择器：级别相同，后定义的优先；6.尺寸与边框；1单位固定： : 英寸相对： : 计算机屏幕的一个点，根据屏幕分辨率的大小，这个点的大小不同% : 1等于当前的字体尺寸，2等于当前的字体尺寸的两倍；2.颜色单位 () : 值如(255,0,0)红，(0,0,0)黑，(255,255,255)白； (): 百分比如(100%,0%,0%) : 十六进制每一位的取值是：09; : 简写十六进制 英文单词3.尺寸：- - - * 哪些元素适合设置尺寸属性1.所有块级元素2.大部分行内元素不能使用；有些本身存在和的行内元素可以使用：4.溢出：使用尺寸属性控制框的大小时，如果内容所需的空间大于框的本身，会导致内容溢出；- : - - 5.边框：- 简写方式： ;:1 ;- 单边定义：:- 边框倒角（圆角）：:数值/百分比;:- 边框阴影：:值： : 水平阴影便宜距离* ：垂直阴影便宜距离* ：模糊程度 ：阴影尺寸 ：阴影颜色 ：将外部阴影改为内部阴影；- 图片边框：有图片作为元素的边框显示效果:值： / / 平铺 铺满 拉伸(路径)；:- 轮廓：绘制于元素周围的一条线，在边框外围，主要起到突出的效果；语法：值：:2.2 02： 框模型 、 背景 、 渐变【框模型】- 盒子模型 定义元素框处理元素内容、内边距、边框、外边距的方式；对象的实际宽度=左外边距+左边框+左内边距右内边距+右边框+右外边距；1.外边距- 会在元素外创建额外的空白，透明；- 值可以是：数值、百分比%、自动、负值；: 值可以是： 1个 上下左右；:5; 2个 上下 左右；:5 10; 3个 上 左右 下；:5 15;上下不同，左右自动，水平居中； 4个 上 右 下 左；:5 10 15 20;:- 实现水平方向显示居中:0 ;* 谷歌调试* 当垂直方向两个外边距相遇的，边框之间的上下外边距会合并，以值大的为准；2.内边距(内填充)- 内容区域与边框之间的空间；注意：会扩大元素边框所占用的区域；-赋值：:数值、百分比%; * 没有负值: 值可以是： 1个 上下左右；:5; 2个 上下 左右；:5 10; 3个 上 左右 下；:5 10 15; 4个 上 右 下 左；:5 10 15 20;:3重写：去除标签默认显示效果；将和都设置为0；* 默认情况下，以下元素都存在外边距：- - h16- p*:0:0;或;【背景】1.背景颜色:;透明；2.背景图片：; ();3.背景重复：: 4.背景图像尺寸：1 v2; v1% v2%; 宽度 / 高度; 扩展背景图像，使背景图完全覆盖背景区域； 将图像扩展到最大尺寸；让宽度和高度自适应内容区域；5.背景图片固定：: 默认 滚动 固定6.背景定位：: ;水平偏移 垂直偏移；x y; 水平偏移 垂直偏移；可以是负值；*7.背景绘制区域：在容器的哪部分绘制背景；(颜色):; 背景被裁剪到边框；包含边框;背景被裁剪到内边距框；不包含边框;背景被裁剪到边框； 不包含；8.背景定位区域：在容器的哪部分绘制背景；(图像):; 背景被裁剪到边框；包含边框 ;背景被裁剪到内边距框；不包含边框;背景被裁剪到边框； 不包含；9.背景属性：在一个属性中声明所有的背景属性； ;【背景渐变】线性渐变径向渐变重复渐变:;线性渐变;径向渐变;重复线性渐变;重复径向渐变1(起始位置,开始颜色值 位置,过渡颜色 位置,.,结束颜色 位置); ( 0 50 80 100%); 0 从下向上； 45 90 180 360 瞬时方向 位置可以使用数值和百分比；2(半径 圆心,开始颜色值 位置,过渡颜色 位置,.,结束颜色 位置); ( 0 50 80 100%); 数值 数值 位置可以使用数值和百分比；3(起始位置,开始颜色值 位置,过渡颜色 位置,.,结束颜色 位置); ( 10 50 100); 0 从下向上； 45 90 180 360 瞬时方向 位置使用数值4(半径 圆心,开始颜色值 位置,过渡颜色 位置,.,结束颜色 位置); ( 0 50 80 100%); 数值 数值 位置可以使用数值和百分比；【浏览器兼容】- 火狐需要前缀 - 需要前缀 - 需要前缀 2.3 03： 文本格式化 、 表格 、 浮动【文本格式化】1.控制字体：1.指定字体：:可以出现多个值;2.字体大小：:3.字体加粗：: ; 900 ; 400 数值(100900);4.字体样式(斜体): ; ;5.小型大写字母：: ; ;6.字体： ;:12 ;2.控制文本格式：1.文本颜色：2.文本水平对齐方式：: ; ; ;3.文本线条修饰：:;上划线;删除线4.行高：注意：如果行高的高度高于文字的高度，文字在这段区域垂直居中；: 与所在容器设置相同高度；垂直居中！5.首行文本缩进：: 24;6.文本阴影： ;7.文本溢出- 处理空白 : ; ;不换行- 文本溢出 :;溢出不显示;超出的部分使用省略号代替* 注意： 配合 ;使用，否则没效果；8.文本换行（英文）- 长英文文本：如（） : ;显示不完全的时候，整个长单词换行； ; 显示不完全的时候，不关心单词是否完整，该换就换；- 文本换行 : ; ; 不关心单词是否完整，该换就换； ; 当单词到达边界后，用半角空格 和连字符-; 【表格属性】1: ; ; ;2.边框合并：:加给；;默认值 分隔；;合并；3.边框边距：的属性：;:v1;水平和垂直方向的间距都是v1；v1 v2;水平间距 垂直间距;*注意：只有在;时才有效；4.标题位置：: ; ;5.显示规则 固定布局: ;列的宽度由单元格内容决定； ;列宽度由的决定，不会被内容撑宽；【浮动】1.定位：- 普通（文档 ）流定位- 浮动定位- 相对定位- 绝对定位2.浮动：;*任何元素都可以浮动；* 当父框里的元素都浮动时；父框的高不会被撑开，给父框添加;父框的高就可以被撑开；2.清除浮动：;2.4 04： 显示 、 列表 、 定位 1:规定元素显示方式；;不占空间隐藏;显示-行内元素像块级元素显示；;让块级元素像内联元素一样显示在一排；;行内块元素-本身是行内元素，但允许改变和；2:规定元素是否可见；;可见;占空间隐藏;表格里，可删除行列；位置还在；3:不透明度；;01；可以是小数；透明不透明；4:- 里修改文本的对齐方式；- 行内块元素(有 的行内元素)：边上的文本的相对于对齐方式；基线；5.光标：; ;6.列表样式：- 导航；:;:();的标识默认在文本之外；:; 外内；; 标识显示在文本之内；内： ;6.定位：:; 默认(静态)；;相对定位：相对于原来的位置偏移；;绝对定位：- 相对于最近定位的祖先元素； - 如果没有定位的祖先元素；相对于；;固定定位：- 相对于可视区；不受滚动条影响；:数值；正负值都行；堆叠顺序；3 33.1 01： 复杂选择器 、 内容生成 、 多列 、 1.相邻兄弟选择器 : 同一个父元素下p标签后面的第一个兄弟元素b；2.通用兄弟选择器 : 同一个父元素下p标签后面的所有兄弟元素b；3.属性选择器将元素属性用于选择器中，从而获取指定元素属性或者值得元素；语法：属性 ： 匹配 指定属性 的 所有 元素；元素属性 ： 匹配 指定属性 的 指定 元素； : 获取具备属性的； : 获取具备属性的；元素属性属性 ：匹配 多个指定属性 的 指定 元素；-元素属性=值 ：匹配 指定属性等于值 的 指定 元素；元素属性值 ： 匹配 指定属性中包含这个值(独立的单词) 的 指定 元素；元素属性=值 ： 匹配 指定属性以指定值开始 的 指定 元素；元素属性*=值 ： 匹配 指定属性包含值(可以是非独立的单词) 的 指定 元素；元素属性$=值 ： 匹配 指定属性以指定值结束 的 指定 元素；元素属性值 ： 匹配 指定属性不等于值 的 指定 元素；4.目标伪类活动的锚点，用于选取当前活动的目标元素；语法： 匹配所有活动锚点元素 匹配指定元素活动锚点5.元素状态伪类主要匹配元素的禁用，启用，选中状态多数用在表单元素上； 匹配所有被禁用的元素 匹配所有被启用的元素 匹配所有被选中的元素 用于单选和复选；6.结构伪类从元素结构(层级结构)上进行划分；用于：找 第一个子元素，最后一个子元素，没有子元素，仅仅包含一个子元素 匹配父元素的第一个子元素匹配父元素的最后一个子元素匹配没有子元素的元素匹配只有一个子元素的元素7.否定伪类();();8.伪元素选择器 选取指定选择器的首字符； :40;一帮用于排版，首字符突出等； 选取指定选择器的首行字符； 匹配用户的选取部分；如 选中的文本等9.生成内容通过向元素的前面和后面增加一部分内容；- 伪元素： 匹配到某一个元素最前面； 匹配到某一个元素最后面；内容生成：配合伪元素，插入生成内容；取值： 字符串：纯文本，插入到指定的位置处；:至尊宝; 生成图像；(11)* 计数器 : 向已存在的文本内容添加序号； 1.定义计数器(声明在)属性：作用 定义计数器，并设置初始值为0；:计数器名称 初始值 计数器名称 初始值； 0； 2.设置计数器的增量 可以单独设置某一选择器使用计数器时的增量，默认是1；属性： 10； 3.使用计数器通过(计数器名称)来使用计数器:第()章