学编程 - php7_css3

html5教程

html5根元素

<html>根元素

<body>文档的主体内容

html5文档元数据

<base>所有相对URL的根URL

<head>文档头部区域

<style>CSS样式

<title>文档标题

html5内容分区

<address>联系信息

<article>HTML5独立的文章内容

<aside>HTML5侧边栏或者标注框

<footer>HTML5页脚

<hgroup>HTML5标题组

<nav>HTML5导航菜单

<section>HTML5区域内容块可以独立

<main>HTML5文档的主要部分

<header>HTML5页眉

html5文本内容

<blockquote>块级引用文本内容

<dd>描述列表项

<dl>描述列表

<dt>描述列表术语

<div>通用型的流内容容器

<figcaption>HTML5相关元素的说明

<figure>HTML5独立的引用单元

<hr>主题转换

<li>列表项

<ol>有序列表

<ul>无序列表

<p>文本的段落

<pre>预定义格式文本

html5内联文本语义

<cite>作品标题的引用

<a>超链接锚点邮件地址

<abbr>展示缩写

<b>文本中更重要的部分

<bdi>HTML5设置文本流的方向

<bdo>使得字符按给定的方向排列

<br>换行符

<code>定义计算机代码

<data>HTML5为数据处理器提供机器可读值

<time>HTML5日期时间

<dfn>定义术语

<em>强调重要性

<i>非普通文本

<kbd>键盘输入文本

<mark>HTML5高亮显示相关文本

<q>短引用的文本

<rb>HTML5发音元素的分割片段

<rp>HTML5发音元素的注解

<rt>HTML5发音元素的字符读音

<rtc>HTML5发音元素的发音和语义注解

<s>不正确文本的删除线

<del>替换更新而删除的文本

<ins>插入文本

<small>旁边注释或附属内容

<span>行内元素

<sub>下标文本

<sup>上标文本

<u>非文本注释下划线

<wbr>HTML5文本单词换行

<ruby>HTML5展示东亚文字注音或字符注释

<samp>标识计算机程序输出

<strong>重要文本

<var>变量名称

html5图片和多媒体

<area>图片上热点区域

<audio>HTML5包含音频

<img>图片

<map>图像映射

<video>HTML5媒体播放器

<track>HTML5规定文本文件例如字幕

html5内嵌内容

<source>HTML5媒介资源

<param>object元素的参数

<picture>HTML5提供图像版本

html5脚本

<canvas>HTML5绘制图形

html5表格内容

<caption>表格标题

<table>表格数据

<col>表格中的列

<colgroup>表格中的列组

<tbody>表格的主体

<td>表格单元格

<tfoot>表格的页脚

<th>表格内的表头单元格

<thead>表格中的表头

<tr>表格中的行

html5表单

<button>可点击的按钮

<datalist>HTML5表单控件可选值列表

<option>菜单选项

<fieldset>表单控制分组

<form>表单

<input>输入控件

<label>标注

<legend>定义标题

<meter>HTML5定义度量衡

<select>选项菜单

<progress>HTML5进度条

<optgroup>组选项

<output>HTML5计算用户操作的结果

<textarea>多行纯文本编辑控件

html5交互元素

<menu>HTML5用户可执行或激活的命令

<details>HTML5开启关闭的交互式控件

<dialog>HTML5对话框交互式组件

<summary>HTML5定义一个可见的标题

Web 组件

<slot>HTML5web组件内的一个占位符

<template>HTML5保存客户端内容机制

html5弃用元素

<dir>HTML5废弃

<applet>HTML5废弃

<menuitem>HTML5废弃

<content>HTML5废弃

<shadow>HTML5废弃

<acronym>HTML5废弃

<basefont>HTML5废弃

<font>HTML5废弃

<bgsound>HTML5废弃

<big>HTML5废弃

<blink>HTML5废弃

<center>HTML5废弃

<command>HTML5废弃

<frame>HTML5废弃

<frameset>HTML5废弃

<keygen>HTML5废弃

<marquee>HTML5废弃

<noframes>HTML5废弃

<plaintext>HTML5废弃

<strike>HTML5废弃

<xmp>HTML5废弃

contextmenuHTML废弃上下文菜单

html5全局属性

accesskey为当前元素生成快捷键

autocapitalize文本输入大写

class类名列表

contenteditableHTML5元素是否可被用户编辑

data-*HTML5自定义数据属性

dir文本方向的枚举属性

draggableHTML5是否可以使用拖动元素

hiddenHTML5隐藏

id唯一标识符

inputmode可能输入的数据类型的提示

is定义内置元素

itemid唯一的全局标识符

itemscope向元素中添加属性

lang定义元素的语言属性

style定义样式

tabindex是否可以聚焦

title相关信息文本

itemref元素列表

itemtype词汇的URL

html5事件属性

onafterprintHTML5在打印文档之后运行脚本

onbeforeprintHTML5在文档打印之前运行脚本

onload当文档加载时运行脚本

onresizeHTML5当调整窗口大小时运行脚本

onunloadHTML5当用户离开文档时运行脚本

onblur当窗口失去焦点时运行脚本

onchangeHTML5当元素改变时运行脚本

onfocus当元素获得焦点时运行脚本

onselect当选取元素时运行脚本

onsubmit当提交表单时运行脚本

onkeydown当按下按键时运行脚本

onkeypress当按下并松开按键时运行脚本

onkeyup当松开按键时运行脚本

onclick当单击鼠标时运行脚本

ondblclick当双击鼠标时运行脚本

onmousedown当按下鼠标按钮时运行脚本

onmousemove当鼠标指针移动时运行脚本

onmouseout当鼠标指针移出元素时运行脚本

onmouseover当鼠标指针移至元素之上时运行脚本

onmouseup当松开鼠标按钮时运行脚本

onshowHTML5当菜单元素在上下文显示时触发

ontoggleHTML5当用户打开或关闭 <details>元素时触发

createLinearGradient()

createPattern()

createRadialGradient()

globalCompositeOperation

html5 语义化HTML5

html5 表单HTML5

html5 音频HTML5

html5 视频HTML5

html5 绘图HTML5

html5 拖放HTML5

html5 内容可编辑HTML5

html5 本地存储HTML5

html5 多线程HTML5

html5 全双工通讯HTML5

html5 离线缓存HTML5

html5 跨文档通讯HTML5

jQuery手册

jQuery基础选择器

通配符选择器选择所有元素.

类选择器class类

id选择器选择一个具有给定id属性的单个元素

标签选择器html标记名称

并集选择器多个元素合并后返回

交集选择器同时满足多个条件

子选择器选择子元素

相邻选择器选择相邻的下一个元素（prev + next）

兄弟选择器选择后面的同级的兄弟元素（prev ~ siblings）

包含选择器选择祖先元素的所有后代元素（ancestor descendant）

jQuery属性选择器

[name|='value']属性值等于字符串

[name*='value']属性包含子字符串

[name~="value"]用空格分隔的值中包含给定值

[name$="value"]以给定值结尾的元素

[name="value"]性是给定值的元素

[name!="value"]属性值不等于给定值的元素

[name^="value"]以给定字符串开始的元素

[name]指定属性的元素

jQuery基础过滤选择器

:animated选择执行动画的元素.

:eq(index)选择索引元素

:even选择所引值为偶数的元素

:odd选择索引值为奇数元素

:first选择第一个匹配的元素

:last选择最后一个匹配的元素

:gt(index)选择所有大于index（索引值）的元素

:lt(index)选择所有小于给定index参数的元素

:not(selector)选择所有元素去除不匹配给定的选择器的元素

:header选择所有标题元素，像h1, h2, h3 等

:root选择根元素

:lang(language)选择指定语言的所有元素

:target选择URI的目标元素

jQuery子元素过滤选择器（伪类）

:first-child选择所有父级元素下的第一个子元素

:last-child 选择所有父级元素下的最后一个子元素

:nth-child(index/even/odd/equation)选择父元素的第n个子元素

:nth-last-child(index/even/odd/equation)选择父元素的第n个子元素

:only-child选中唯一子元素

:first-of-type选择第一个兄弟元素

:last-of-type选择相同元素名称的最后一个兄弟元素

:nth-of-type(index/even/odd/equation)选择同级元素的第n个兄弟元素

:nth-last-of-type(index/even/odd/equation)选中倒数第n个兄弟元素

:only-of-type选择所有没有兄弟姐妹且具有相同元素名称的元素

jQuery内容过滤选择器

:contains(text)选择所有包含指定文本的元素

:empty选择所有没有子元素的元素

:parent选择所有含有子元素或者文本的父级元素

:has(selector)选择元素其中至少包含指定选择器匹配的一个种元素

:hidden选择所有隐藏的元素

jQuery表单选择器

:focus选择焦点的元素

:button选择按钮元素

:file选择所有类型为文件（file）的元素

:image选择所有图像类型的元素

:input选择所有 input, textarea, select 和 button 元素

:password选择所有类型为密码的元素

:radio选择所有类型为单选框的元素

:reset选择所有类型为重置的元素

:submit选择所有类型为提交的元素

:text选择所有类型为文本的元素

:checkbox选择所有类型为复选框的元素

:checked匹配所有选中的元素

:selected获取 select 元素中所有被选中的元素

:disabled选择所有被禁用的元素

:enabled选择所有可用的元素

:visible选择所有可见的元素

jQuery复制

clone()复制对象

jQuery包裹插入

wrap()外层包上一个html元素

wrapAll()在所有匹配元素外面包一层HTML结构

wrapInner()在匹配元素里的内容外包一层结构

jQuery内部插入

html()获取或设置元素的html内容

append()元素内的末尾插入

appendTo()将内容插入元素内部

prepend()把内容插入元素内部的前面

prependTo()把内容插入到元素的内部的前面

text()获得或设置元素的文本内容

jQuery外部插入

after()元素外的后面插入

insertAfter()把内容插入到元素外的后面

before()在元素外的前面插入内容

insertBefore()把内容插入到目标元素外的后面

jQuery移除

unwrap()删除父级元素删除

detach()从DOM中去掉所有匹配的元素

empty()从DOM中移除集合中匹配元素的所有子节点

remove()从DOM中删除元素以及事件

jQuery替换

replaceAll()替换目标元素

replaceWith()用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合

jQuery属性

attr()属性的值

prop()匹配元素的属性

removeAttr()移除属性

removeProp()删除自定义属性

val()获取表单元素的值

jQuery.cssHooks设置CSS属性的方法

jQuery.cssNumberCSS属性列表

jQuery.escapeSelector()jQuery3转义CSS选择器中特殊含义字符

jQuery样式（CSS）

hasClass()判断是否拥有某样式类

addClass()添加样式类名

removeClass()移除样式类

toggleClass()如果存在（不存在）就删除（添加）一个类

css()获取或设置CSS属性

jQuery尺寸

width()计算元素宽度值

height()获取或设置元素的高度值

outerWidth()获得元素的整体宽度

outerHeight()获取或设置元素的外部高度

innerWidth()获得或设置内部宽度

innerHeight()获得或设置内部高度

jQuery位置

position()获取相对于父元素的坐标

offset()获取或设置相对于文档的坐标

offsetParent()获取含定位的祖先元素

scrollLeft()获取或设置水平滚动条的位置

scrollTop()获取或设置垂直滚动条位置

jQuery数据

data()存储或返回元素数据

removeData()移除绑定的数据

jQuery.data()储存数据并返回数据值

jQuery.removeData()删除已存储的数据片段

jQuery.hasData()判断是否有jQuery数据

jQuery筛选方法

eq()根据索引指定元素

first()获取第一个元素

last()获取最后一个元素

slice()根据索引获得对象

map()通过回调函数返回新对象

not()从集合中移除指定的元素而返回新对象

filter()根据表达式筛选而获得新对象

has()筛选出后代元素返回新对象

is()判断是否某对象

even()jQuery3只选择集合中偶数的元素

odd()jQuery3选择集合中奇数的元素

jQuery各种遍历

each()遍历对象执行迭代函数

contents()获得匹配元素集合中每个元素的子元素

end()终止并返回到以前状态

add()添加新对象

addBack()返回当前的元素与先前的元素的集合

jQuery树遍历

siblings()获得兄弟元素

next()返回后面相邻的兄弟元素

nextAll()返回后面所有的兄弟元素

nextUntil()返回后面全部的兄弟元素并排除某元素

prev()返回相邻的前面的兄弟元素

prevAll()返回前面的全部兄弟元素

prevUntil()返回前面的全部兄弟元素但排除某元素

children()返回子元素

find()找到指定的后代元素

parent()返回父级元素

parents()返回祖先元素

parentsUntil()返回所有的父祖元素但排除某元素

closest()返回匹配的祖先元素

jQuery事件绑定

ready()加载文档完毕后执行

on()绑定事件处理函数

off()移除事件处理函数

one()绑定事件处理函数仅执行一次

trigger()触发绑定的事件

triggerHandler()触发仅手工绑定的事件处理函数

jQuery.proxy()代理执行对象绑定的事件

jQuery事件对象

event.target触发事件的DOM元素

event.currentTarget事件中的当前DOM元素

event.relatedTarget事件中其他的DOM元素

event.data传递给事件函数的数据

event.result触发事件的最后返回值

event.timeStamp返回触发事件的时间戳

event.preventDefault()阻止事件的默认行为

event.isDefaultPrevented()判断是否执行过preventDefault() 方法

event.stopPropagation()防止事件冒泡到DOM树上

event.isPropagationStopped()判断是否执行过stopPropagation()方法

event.stopImmediatePropagation()阻止剩余的事件处理函数执行并防止事件冒泡到DOM树上

event.isImmediatePropagationStopped()判断是否执行过stopImmediatePropagation()方法

event.namespace触发事件时的命名空间

event.type事件的性质

event.pageX鼠标相对于文档的左边缘的位置

event.pageY鼠标相对于文档的顶部的位置

event.which监视键盘输入

event.metaKey判断Meta键是否被按下

jQuery浏览器事件

resize()浏览器的尺寸改变时触发的函数

scroll()鼠标滚动时候触发

jQuery表单事件

blur()失去焦点时触发

focus()获得焦点时触发

change()元素的值改变时触发

select()文本选择时触发

submit()提交表单时触发

focusin()获得焦点时触发

focusout()失去焦点时触发

jQuery键盘事件

keydown()按下键盘上的按键的时候触发

keyup()释放键盘按键的时候触发

keypress()连续使用按键时触发

jQuery鼠标事件

click()点击鼠标左键时触发

dblclick()双击鼠标左键时触发

contextmenu()点击鼠标右键时触发

hover()鼠标悬停时触发

mouseenter()鼠标进入元素时触发

mouseleave()鼠标离开元素时触发

mousemove()鼠标在元素内移动时触发

mouseover()鼠标进入元素时触发（支持事件冒泡）

mouseout()鼠标离开元素时触发（支持事件冒泡）

mousedown()鼠标进入元素内按下按键时触发

mouseup()鼠标进入元素内释放按键时触发

jQuery基础效果

hide()隐藏元素

show()显示元素

toggle()显示或隐藏元素

jQuery渐变

fadeIn()淡入

fadeOut()淡出

fadeTo()调整透明度

fadeToggle()通过不透明度动画来显示或隐藏

jQuery滑动

slideDown()滑动动画显示

slideUp()滑动动画隐藏

slideToggle()滑动动画显示或隐藏元素

jQuery自定义

animate()执行自定义动画

delay()延时迟执行队列

finish()停止动画删除所有排队

stop()停止运行的动画

jQuery.speed创建属对象用于自定义动画

jQuery.fx.off全局的禁用所有动画

jQuery底层接口

jQuery.ajax()执行异步的HTTP的请求

jQuery.ajaxTransport()创建对象处理Ajax数据的传输

jQuery.ajaxSetup()设置默认值

jQuery.ajaxPrefilter()设置自定义Ajax选项

全局 Ajax 事件处理程序

ajaxSend()在Ajax请求发送之前要执行的函数

ajaxStart()在Ajax请求开始时要调用的处理程序

ajaxStop()在Ajax请求完成后要调用的处理程序

ajaxComplete()在Ajax请求完成时调用的处理程序

ajaxSuccess()在Ajax请求完毕成功时要执行的处理函数

ajaxError()在Ajax请求完成并出现错误时要调用的处理程序

Ajax辅助函数

serialize()将表单元素编码为字符串

serializeArray()将表单元素编码为名称和值的数组

jQuery.param()

Ajax快捷方法

jQuery.get()GET方式加载数据

jQuery.getJSON()GET方式加载JSON数据

jQuery.getScript()GET方式加载JavaScript文件

jQuery.post()POST方法加载数据

load()加载HTML数据并放入元素中

jQuery原型属性和方法

jQuery.ready文档就绪对象

jQuery()创建jQuery对象

jQuery.holdReady()暂停或恢复ready()事件

jQuery.noConflict()放弃控制$变量

jQuery.readyException()jQuery3jQuery抛出错误的时候触发

jqueryjQuery版本号

lengthjQuery对象中元素的数量

jQuery.error()显示错误消息

pushStack()将DOM元素集合加入到jQuery栈

get()得到DOM元素

index()获得元素的索引值

toArray()返回所有DOM元素的数组

jQuery实用程序

queue()显示或操作函数列队

dequeue()执行队列的下一个函数

clearQueue()移除未执行的项

jQuery.queue()显示或操作已经执行的函数列队

jQuery.dequeue()执行队列中的下一个函数

jQuery.contains()检查DOM元素后代

jQuery.extend()合并对象

jQuery.fn.extend()将对象的内容合并到jQuery原型

jQuery.each()通用迭代器函数

jQuery.isArray()判断是否为数组

jQuery.inArray()在数组中查找指定值并返回它的索引

jQuery.grep()查找满足过滤函数的数组元素

jQuery.merge()合并两个数组内

jQuery.map()转换所有元素到另一个数组

jQuery.makeArray()转换类似数组为真正的数组

jQuery.globalEval()在全局上下文中执行JavaScript代码

jQuery.parseHTML()解析字符串到DOM节点的数组中

jQuery.parseXML()解析字符串到XML文档

jQuery.trim()去掉字符串两端空格

jQuery.uniqueSort()排序DOM元素的数组并除去重复项

jQuery.isEmptyObject()判断是否为空

jQuery.isFunction()判断是否为函数

jQuery.isPlainObject()判断是否为对象

jQuery.isNumeric()判断是否为数字

jQuery.isWindow()判断是否为对象

jQuery.isXMLDoc()判断是否为XML文档

jQuery.noop()空函数

jQuery.htmlPrefilter()修改过滤传递的HTML字符串

jQuery回调对象callbacks

jQuery.Callbacks()回调列表对象

callbacks.add()添加回调

callbacks.fire()调用回调

callbacks.fired()判断是否调用过

callbacks.fireWith()调用列表中的所有回调

callbacks.has()判断是否绑定回调

callbacks.lock()锁定回调列表

callbacks.locked()判断是否已锁定回调列表

callbacks.empty()删除列表中的所有回调

callbacks.remove()删除指定的回调

jQuery延迟对象deferred

jQuery.when()延迟对象

jQuery.Deferred()在构造函数返回之前调用的函数

deferred.state()确定Deferred对象的当前状态

deferred.done()当解决时调用的处理程序

deferred.fail()当拒绝时调用的处理程序

deferred.catch()jQuery3当拒绝时调用的处理程序deferred.then( null, fn )的别名

deferred.notify()根据参数调用进行中的处理程序

deferred.notifyWith()根据上下文和参数调用进行中的处理程序

deferred.progress()生成进度通知时调用的处理程序

deferred.promise()返回Deferred的Promise子对象

deferred.reject()根据参数调用拒绝的处理程序

deferred.rejectWith()根据上下文和参数调用拒绝的处理程序

deferred.resolve()根据参数调用解决的处理程序

deferred.resolveWith()根据上下文和参数调用解决的处理程序

deferred.then()当解决拒绝或进行中时调用处理程序

promise()观察排队与否还是已经完成

MySQL教程 php7教程 css3教程

css3普通选择器

通配符选择器选择所有元素

HTML标签选择器选择HTML标签

ID选择器选择id属性元素

class类选择器选择class属性元素

包含选择器选择后代元素

子选择器选择子元素

相邻选择器选择后面紧邻的兄弟元素

兄弟选择器CSS3选择后面相邻的所有兄弟元素

css3属性选择器

[attr]具有attr属性的元素

[attr=val]值等于指定值的元素

[attr~=val]选择包含指定值的元素

[attr^=val]CSS3选择指定值开头的元素

[attr$=val]CSS3选择指定值结尾的元素

[attr*=val]CSS3包含指定值的元素

[attr|=val]选择指定值开头

css3动态伪类选择器

:link超链接

:visited链接已被访问过

:hover鼠标悬停

:active被激活时

css3结构性伪类选择器

:lang()选择带有lang属性元素

:not()CSS3排除某类元素

:rootCSS3选择根元素

:first-child第一个元素

:last-childCSS3最后一个子元素

:only-childCSS3仅有的一个子元素

:nth-child()CSS3第n个子元素

:nth-last-child()CSS3倒数第n个子元素

:first-of-typeCSS3第一个同级兄弟元素

:last-of-typeCSS3最后一个同级兄弟元素

:only-of-typeCSS3唯一的一个同级兄弟元素

:nth-of-type()CSS3第n个同级兄弟元素

:nth-last-of-type()CSS3倒数第n个同级兄弟元素

:emptyCSS3没有任何子元素

:targetCSS3URL指向的元素

UI元素状态伪类选择器

:focus输入焦点

:checkedCSS3选中状态的元素

:enabledCSS3可用状态的元素

:disabledCSS3禁用状态的元素

:read-onlyCSS3只读状态的元素

:read-writeCSS3能编辑的元素

:optionalCSS3选择非必填元素

:requiredCSS3选择必填元素

:in-rangeCSS3选择有限定范围的元素

:indeterminateCSS3选择处于不确定状态的表单元素

:defaultCSS3默认状态的表单元素

:focus-withincss3元素或者后代元素获得焦点

:out-of-rangecss3当值处于范围之外

css3伪对象选择器

::first-letterCSS3第一个字符的样式

::first-lineCSS3第一行的样式

::beforeCSS3对象前发生的内容

::afterCSS3对象后发生的内容

::placeholderCSS3设置文字占位符

::selectionCSS3设置选择框样式

::cueCSS3字幕提示

css3字体属性

font文本字体的复合属性

font-style字体样式

font-variant设为小型尺寸的大写字母

font-weight字体粗细

font-size字体尺寸

font-family设置使用的字体

font-stretchCSS3文字横向拉伸变形

font-size-adjustCSS3

font-feature-settingsCSS3控制OpenType字体中的高级印刷功能

font-kerningCSS3字距

css3文本样式

text-transform指定文本字母为大写或者小写

white-space文字间的空白距离

tab-sizeCSS3制表符的长度

word-breakCSS3单词内断行

word-wrapCSS3内容超过指定容器的边界时是否断行

overflow-wrapCSS3内容超过指定容器的边界时是否断行

word-spacing单词之间距离

letter-spacing字符之间距离

line-height行高

text-size-adjustCSS3设置移动端页面中对象文本的大小

text-decoration文本修饰线外观的

text-decoration-lineCSS3文本装饰线条的位置

text-decoration-colorCSS3装饰线的颜色

text-decoration-styleCSS3装饰线的形状

text-decoration-skipCSS3文本装饰线跳过部分内容

text-underline-positionCSS3下划线的位置

text-shadowCSS3文字阴影

content对象前或后显示内容

quotes设置引号的样式

<string>字符串的数据类型

<url>资源地址

<ident>用作一个任意字符串的标识符

attr()元素的属性值

text-overflowCSS3内容溢出

css3背景颜色

background背景复合属性

background-color背景颜色

background-image背景图像

background-repeat背景图像填充方式

background-attachment背景图的固定方式

background-position背景图像位置

background-originCSS3背景图的原始位置

background-clipCSS3背景图像外裁剪的区域

background-sizeCSS3背景图像的尺寸

css3颜色

color文本颜色

opacityCSS3不透明度

<color>CSS3标准RGB色彩空间

Color Name颜色名称

rgb()红绿蓝生成各式各样的颜色

rgba()CSS3RGB透明度模式

hsl()CSS3色相饱和度明度模式

hsla()CSS3圆柱坐标系统表示颜色

transparent全透明色彩

currentColorCSS3当前颜色值

text-fill-color文字填充颜色

css3渐变

linear-gradient()CSS3线性渐变

radial-gradient()CSS3径向渐变

repeating-linear-gradient()CSS3重复的线性渐变

repeating-radial-gradient()CSS3重复的径向渐变

<gradient>CSS3颜色渐变数据类型

css3计数器

counter()CSS3计数器的值

counters()CSS3嵌套计数器

counter-incrementCSS3计数器给定值

counter-resetCSS3计数器重置

counter-setCSS3计数器设定值

@counter-styleCSS3自定义计数器的样式

css3图像

<image>2D图形数据类型

image()CSS3指定图像或者图像替代

image-set()CSS3匹配合适的图像

grayscale()CSS3把图片转化为灰度图

blur()CSS3模糊图像

brightness()CSS3让图像更明亮或更暗淡

drop-shadow()CSS3在图像后方应用投影

image-renderingCSS3图像缩放算法

object-fitCSS3适应到其使用的高度和宽度确定的框

object-positionCSS3设置对象在其框中的位置

filter滤镜

css3列表

list-style列表项目复合属性

list-style-image列表项图像

list-style-position列表项标记位置

list-style-type列表项预设标记

css3表格

table-layout布局表格单元格

border-collapse表格边框与单元格边框模式

border-spacing表格边框线与单元格之间的间距

caption-side设置caption显示位置

empty-cells单元格无内容时边框

css3用户界面

appearanceCSS3设置呈现用户界面样式

outline外轮廓线复合属性

outline-width外轮廓线宽度

outline-color外轮廓线条颜色

outline-style外轮廓线条的样式

outline-offsetCSS3外轮廓线条间隙

cursor设置光标形状

zoomCSS3缩放比例

resizeCSS3调整大小

pointer-eventsCSS3指定鼠标事件

css3文本流方向

direction文本流的方向

unicode-bidi设置文档中的双书写方向文本

writing-modeCSS3设置文字内容块固有的书写方向

css3文本对齐方式

text-align文本水平对齐方式

text-align-lastCSS3最后一行对齐方式

text-justifyCSS3齐行方式

text-indent文本缩进

vertical-align垂直对齐方式

css3长度

<length>距离尺寸数据类型

em相对字体尺寸的长度单位

ex相对于字符x的高度

chCSS3所用字体中数字0的宽度

remCSS3相对于根元素字体尺寸的倍数

vwCSS3相对于视窗口区域的宽度

vhCSS3相对于视窗口区域的高度

vmaxCSS3相对于视窗口区域的宽度或高度中最大值

vminCSS3视窗口区域中vw 和宽度 vh 两者之间的最小值

cm绝对长度单位厘米

mm绝对长度单位毫米

Q四分之一毫米

in绝对长度单位英寸

pt绝对长度单位点

pc绝对长度单位派卡

px绝对长度单位像素

calc()CSS3动态计算长度值

var()CSS3自定义属性(CSS 变量)

<number>数字数据类型

<integer>整数数据类型

<percentage>百分比值

css3角度

<angle>CSS3角度数据类型

degCSS3度

gradCSS3百分度

radCSS3弧度

turnCSS3转

css3时间

<time>CSS3时间数据类型

sCSS3秒

msCSS3毫秒

css3分辨率

<frequency>CSS3分辨率数据类型

<resolution>CSS3分辨率

dpiCSS3点数

dpcmCSS3每厘米上的点数

dppxCSS3每个像素的点数

css3变形（2D 3D 转化）

<transform-function>CSS3图形的坐标系统

transform-boxCSS3过度效果布局框

transformCSS3元素变形

transform-originCSS3元素变形的原点

transform-styleCSS3变形样式为3D或者2D

perspectiveCSS3使具有三维位置变换的元素产生透视效果

perspective-originCSS3指定观察者的位置

backface-visibilityCSS3元素背面朝向观察者时是否可见

css3过度

<timing-function>CSS3缓动函数

transitionCSS3过渡效果

transition-propertyCSS3过渡属性的名称

transition-durationCSS3过渡动画所需的时间

transition-timing-functionCSS3过度效果加速度曲线

transition-delayCSS3过渡效果开始作用之前需要等待的时间

css3动画

animationCSS3动画特效

animation-nameCSS3动画名称

animation-durationCSS3动画的持续时间

animation-timing-functionCSS3动画的过渡类型

animation-delayCSS3动画的延迟时间

animation-iteration-countCSS3动画的循环次数

animation-directionCSS3动画是否反向播放

animation-play-stateCSS3定义一个动画是否运行或者暂停

animation-fill-modeCSS3动画样式应用模式

css3多列布局

columnsCSS3设置列数和每列的宽度复合属性

column-widthCSS3列宽

column-countCSS3列数

column-gapCSS3列之间的距离

column-ruleCSS3列之间的边框宽度、样式和颜色

column-rule-widthCSS3边框宽度

column-rule-styleCSS3边框样式

column-rule-colorCSS3边框颜色

column-spanCSS3跨列

column-fillCSS3多列填充方式

break-beforeCSS3前断行

break-afterCSS3后断行

break-insideCSS3内部断行

css3网格布局

gridCSS3网格布局

grid-templateCSS3定义网格中行、列与分区

grid-template-columns网格列

grid-template-rowsCSS3网格行

grid-template-areasCSS3网格区域

grid-rowCSS3网格行

grid-row-startCSS3网格项在网格行中的起始位置

grid-row-endCSS3网格项在网格行中的结束位置

grid-columnCSS3网格列

grid-column-startCSS3网格项在网格列中的起始位置

grid-column-endCSS3网格项在网格列中的结束位置

grid-areaCSS3网格项的大小和位置

grid-auto-columnsCSS3隐式创建的网格纵向轨道的宽度

grid-auto-flowCSS3在网格中被自动布局的元素排列

grid-auto-rowsCSS3隐式创建的行轨道大小

gapCSS3网格行与列之间的间隙

row-gapCSS3行元素之间的间隙

css3定位布局

box-sizingCSS3盒模型组成模式

position定位

z-index重叠层顺序

top上距离定位

right右距离定位

bottom下距离定位

left左距离定位

display显示模式

float浮动

clear清除浮动

visibility显示或隐藏元素

overflow内容溢出

overflow-x横向溢出内容

overflow-y纵向溢出内容

<position>定位坐标数据类型

css3外边距

margin外边距复合属性

margin-top顶部外边距

margin-right右外边距

margin-bottom下外边距

margin-left左外边距

css3内边距

padding内边距

padding-top顶部内边距

padding-right右内边距

padding-bottom下内边距

padding-left左内边距

css3边框

border边界线复合属性

border-width边框宽度

border-style边框样式

border-color边框颜色

border-top上方边框

border-top-width顶部边框宽度

border-top-style顶部边框样式

border-top-color顶部边框颜色

border-right右边边框复合属性

border-right-width右边框宽度

border-right-style右边框样式

border-right-color右边框颜色

border-bottom下边框复合属性

border-bottom-width底部边框宽度

border-bottom-style底部边框线样式

border-bottom-color底部边框颜色

border-left左边框复合属性

border-left-width左边框宽度

border-left-style左边框线样式

border-left-color左边框颜色

box-shadowCSS3阴影

css3尺寸

width宽度

min-width最小宽度

max-width最大宽度

height高度

min-height最小高度

max-height最大高度

css3 弹性盒子布局

display:flexCSS3css 弹性盒子布局

flex-growCSS3弹性盒的扩展比率

flex-shrinkCSS3收缩规则

flex-basisCSS3弹性盒伸缩基准值

flex-flowCSS3弹性盒模型对象的子元素排列方式

flex-directionCSS3定义主轴方向来

flex-wrapCSS3控制flex容器是单行或者多行

align-contentCSS3在内容项之间和周围分配空间

align-itemsCSS3在交叉轴方向上的对齐方式

align-selfCSS3在侧轴（纵轴）方向上的对齐方式

justify-contentCSS3在主轴（横轴）方向上的对齐方式

orderCSS3可伸缩项目在布局时的顺序

place-contentCSS3align-content 和 justify-content的简写

flexCSS3伸长缩短可用空间

justify-itemsCSS3默认方式沿适当轴线对齐到每个盒子

justify-selfCSS3沿适当轴对齐的方式

place-itemsCSS3分别设置 align-items 和 justify-items 属性

CSS3圆角

border-radiusCSS3圆角

border-top-left-radiusCSS3左上角圆角边框

border-top-right-radiusCSS3右上角圆角边框

border-bottom-right-radiusCSS3右下角圆角边框

border-bottom-left-radiusCSS3左下角圆角边框

css3边框图像

border-imageCSS3边框图像复合属性

border-image-sourceCSS3边框图片的资源

border-image-sliceCSS3边框背景图的分割方式

border-image-widthCSS3边框图像的宽度

border-image-outsetCSS3边框图像可超出边框盒的大小

border-image-repeatCSS3图片如何填充边框

css3 @规则

inherit关键字继承祖先

initialCSS3关键字设置属性为初始值

unsetCSS3关键字重置继承关系

@namespaceCSS3在CSS样式表中的XML命名空间的@规则

@supportsCSS3特性查询

@mediaCSS3媒体查询

@charset指定字符编码

@import导入样式规则

allCSS3表示所有的CSS属性

@font-faceCSS3使用自定义字体

@keyframesCSS3指定动画名称和动画效果

css3滚动效果

scroll-behaviorCSS3指定滚动行为

scroll-marginCSS3滚动区域的起点

scroll-margin-blockCSS3滚动页边距

scroll-margin-block-startCSS3滚动页边距开始处

scroll-margin-block-endCSS3滚动页边距结尾处

scroll-margin-topCSS3滚动区域的上边距

scroll-margin-rightCSS3滚动区域的右边距

scroll-margin-bottomCSS3滚动区域的下边距

scroll-margin-leftCSS3滚动区域的左边距

scroll-paddingCSS3设置滚动内边距

scroll-padding-blockCSS3滚动内边距填充

scroll-padding-block-startCSS3滚动页内边距开始处

scroll-padding-block-endCSS3滚动页内边距结束处

scroll-padding-topCSS3滚动区域顶部的偏移量

scroll-padding-rightCSS3滚动区域右侧的偏移量

scroll-padding-bottomCSS3滚动区域底部的偏移量

scroll-padding-leftCSS3滚动区域左侧的偏移量

:first打印时页面容器第一页使用的样式

:left对打印文档的左侧页设置CSS样式

:right打印文档的所有右页

@page打印文档时修改某些CSS属性