摘要：
一、后代选择器 选取指定元素的后代元素 与子元素选择器相比，后代选择器选取的不一定是直接后代（儿子），而是作用于所有后代元素（儿子、孙子、重孙…）都可以。 二、（>）子元素选择器 选取某个元素的直接后代元素 与后代元素选择器相比，后代选择器选取的一定是直接后代（儿子） 三、（+）相邻兄弟选择器 选择 阅读全文
摘要：
我们来制作一个导航栏： shouye jiaoben wolaile kkp duzi Lion dancing with a history of more 2,000 years has been a form of traditional Chinese folk art. During th 阅读全文
摘要：
JSON格式 JSON格式（JavaScript Object Notation的缩写）是一种用于数据交换的文本格式，2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。相比XML格式，JSON格式有两个显著的优点：书写简单，一目了然；符合JavaScript原生语法 阅读全文
摘要：
盒模型有两种，W3C 和IE 盒子模型 W3C定义的盒模型包括margin、border、padding、content，元素的宽度width=content的宽度 IE盒模型与W3C盒模型的唯一区别就是元素的宽度，元素的width=border + padding + content IE定义的盒 阅读全文
摘要：
JS设置和获取盒模型的宽和高 JS设置和获取盒模型的宽和高 dom.style.width/height：只能取出内联样式的宽度和高度 dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持 window.getComputedStyle(dom).wid 阅读全文
摘要：
太极图可以理解为一个一半黑一半白的半圆，上面放置着两个圆形，一个黑色边框白色芯，一个白色边框黑色芯。 1、实现黑白各半的圆形。 代码： 2、用：before伪类实现一个黑红色边框白色芯圆。 3、用：after伪类实现一个白色边框红色芯的圆。 阅读全文
摘要：
js旋转 css旋转 Document 阅读全文
摘要：
元字符 元字符（Metacharacter）是拥有特殊含义的字符： 元字符描述 . 查找单个字符，除了换行和行结束符。 \w 查找单词字符。 \W 查找非单词字符。 \d 查找数字。 \D 查找非数字字符。 \s 查找空白字符。 \S 查找非空白字符。 \b 查找位于单词的开头或结尾的匹配。 \B 阅读全文
摘要：
量词 量词描述 n+ 匹配任何包含至少一个 n 的字符串。 n* 匹配任何包含零个或多个 n 的字符串。 n? 匹配任何包含零个或一个 n 的字符串。 n{X} 匹配包含 X 个 n 的序列的字符串。 n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串。 n{X,} 匹配包含至少 X 个 n 阅读全文
摘要：
1,逻辑运算符： && 逻辑与，可以理解为并且的意思. || 逻辑或，可以理解为或者的意思，也就是条件可以2取一 ！ 逻辑非 (一元表达式） 了解三类逻辑运算符（给定 x=1， y=6） 一 ：！非运算符 ！可以用来对一个值进行非运算，对条件取反。 逻辑非只有一个操作数（！条件） 非真既假，非假即真 阅读全文
摘要：
支持正则表达式的 String 对象的方法 FF: Firefox, IE: Internet Explorer 方法描述FFIE search 检索与正则表达式相匹配的值。 1 4 match 找到一个或多个正则表达式的匹配。 1 4 replace 替换与正则表达式匹配的子串。 1 4 spli 阅读全文
摘要：
/* * 使用字面量来创建一个正则表达式 * 语法：var = /正则表达式/匹配模式 * 使用字面量去创建正则表达式更加简单 * 使用字符串创建正则表达式更加灵活 */ /* * 创建一个正则表达式，检查一个字符串有a或者有b * 使用 | 表示“或”的意思 */ /* * 创建一个正则表达式检查 阅读全文
摘要：
RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 直接量语法 /pattern/attributes 创建 RegExp 对象的语法： new RegExp(pattern, attributes); 参数 参数 pattern 是一个字符串，指定了正则表达 阅读全文
摘要：
运算符也叫操作符 1、任何值在做 -（减法）、*（乘法）、/（除法）运算的时候都会变成Number类型的值。 应用：我们可以利用这一特点做隐式类型转换，将数据类型转换为Number 减法[ - 0]；乘法 [ *1 ]；除法 [ / 1]。 2、任何值个字符串做加法运算都会将其转化成字符串，然后再进 阅读全文
摘要：
字符串(汉字)转换为十六进制 主要使用字符串.charCodeAt()方法,此方法返回一个字符的Unicode值,再用toString(16)方法,该方法是先将数字对象转换为二进制,再把二进制转化为16进制. .十六进制转化为字符串(汉字) 主要使用Object.fromCharCode()方法,此 阅读全文
摘要：
正则表达式 正则表达式，又称规则表达式。(英语:Regular Expression，在代码中常简写为regex、regexp或RE)，计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了 阅读全文
摘要：
是指将一个数据类型转换成其他的数据类型 1，将其他的数据类型转换为String（） Number（） Boolean（） 方式一 调用被转换数据类型的toSring()的方法，调用a的toString（）方法，比如说调用XXX的YYY()方法就要写成：XXX.YYY()！ 该方法不会影响到原变量，他 阅读全文
摘要：
首先数据类型就是我们字面量的类型 在js中一共有六种数据类型 1.JavaScript（以下简称js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）； 2.js常用的基本数据类型包括undefined、null、number、boolean、string； 3.js的引用 阅读全文
摘要：
标识符概念：在js中所有可以由我们自主命名的都可以称之为标识符。 例如：变量名，函数名，属性名，都属于标识符。 命名一个标识符中需要需要遵守以下规则 标识符中可以含有字母，数字，_，$ 标识符不能以数字开头会报错 标识符不能以ES中的关键字或保留字 标识符一般都是使用驼峰命名法 首字母小写，每个单词 阅读全文
摘要：
首先字面量都是一些不改变的值比如：123456 特点是永远不可以改变的字面量都是可以直接使用的 但是我们一般都不会使用字面量，字面量直接使用起来非常麻烦，我们可以使用变量来储存字面量。所以在开发中我们都是使用变量去保存字面量很少使用字面量。 在js中我们使用var关键字来声明一个变量。 代码我们也可 阅读全文
摘要：
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 JavaScript的三大组成部分是： 1、ECMAScript：JavaScrip 阅读全文
摘要：
HTML字符实体（Character Entities），转义字符串（Escape Sequence） HTML字符实体（Character Entities），转义字符串（Escape Sequence） HTML字符实体（Character Entities），转义字符串（Escape Sequ 阅读全文
摘要：
全局事件属性 HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。 如需学习更多有关事件编程的知识，请访问我们的 JavaScript 教程。 下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。 = HTML5 中新的事件属性。 Windo 阅读全文
摘要：
一.SEO是搜索引擎优化（Search Engine Optimization）的英文缩写，中文译为“搜索引擎优化”。在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的预期目标。 二.SEO特征 SEO 阅读全文
摘要：
首先为什么要使用雪碧图来制作按钮： 为了用户体验一个按钮往往会设置两到三种的不同的呈现方式Hover：当鼠标移入的状态。Active：当鼠标点击按钮时候的状态。 做完功能之后点击按钮以后会发现图片会有一个非常快速的闪烁对于一个完美的前端工程师来说这个是不能容忍的！因为执行hover和active是闪 阅读全文
摘要：
此段代码只能在IE浏览器里面显示效果如下： 比如火狐谷歌就无法使用效果如下： 谷歌里面就无法显示此段代码用于解决浏览器兼容问题！ 条件Hack定义和用法 <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> 条件Hack属性值 <keywo 阅读全文
摘要：
marquee语法 <marquee></marquee>实例一<marquee>Hello, World</marquee>marquee常用到的两个事件：onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实 阅读全文
摘要：
颜色 如果我们相给页面设置颜色可以采用多种方法进行设置： 一、命名颜色 假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。CSS称这些有名称的颜色为命名颜色。 命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色，紫红色，灰色，橙色，绿色，石灰，栗色，海 阅读全文
摘要：
我们在进行页面布局的时候可以发现元素在脱离文档流后，就会出现高度塌陷问题。 众所周知高度塌陷的原因是因为子元素脱离文档流所造成的父元素塌陷（所谓的高度塌陷就是子元素和父元素不在一个层级，未设置高宽的父元素里面没有子元素的支撑就会塌陷）会影响页面布局和美观性。 以下提出几点解决方案 首先我们先引出一个 阅读全文
摘要：
cursor属性定义鼠标指针放在一个元素边界范围内时所用的光标的形状 在cursor中我们最常用到的属性是default和pointer default是cursor属性的默认值，展现的是一个光标效果。 pointer光标呈现为指示链接的指针（小手的效果） 更多效果的实现代码 阅读全文
摘要：
将文字设置成为透明颜色再给文字设置背景图片 效果图： 阅读全文
摘要：
display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两 阅读全文
摘要：
CSS3 的多列属性: column-count column-gap column-rule-style column-rule-width column-rule-color column-rule column-span column-width column-count column-gap 阅读全文
摘要：
所有CSS伪类/元素 1.::first-letter 选中元素的首字符，为其设置样式 2. ::first-line 选中元素的地一行 3.::before和::after ::before和::after可在元素前后添加内容，使用十分灵活，没有做不到，只有想不到！！ 需要注意的是： 1.::be 阅读全文
摘要：
text-transform样式用于将元素的字母全都变成大小 letter-spacing设置字符之间的间距 word-spcing用来设置单词之间的距离 是用空格来识别单词之间有无距离 text-indent首行缩进 可以用em来设置两个字符的大小 阅读全文
摘要：
Document login username password 阅读全文
摘要：
透明度设置opacity属性 示例 效果： 阅读全文
摘要：
使用超链接从一个页面跳转到另一个页面使用a标签用来创建一个超链接： 属性：href:指向链接跳转的页面，可以写一个相对路径也可以写一个完整的地址 跳转到外部 跳转到文档 a标签中的target属性可以用来指定打开链接的位置 可选值：_self,表示在当前窗口打开（是默认值） -blank,表示在新的 阅读全文
摘要：
meta代表网页的元数据用来设置字符集 meta可以设置网页的关键字 meta可以指定网页的描述 meta可以是指用来做网页的重定向 阅读全文