chuaie3795-CSDN博客

转载 css3文字与字体样式

css3使用服务器端字体: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用服务器端字体</title&gt...

2017-07-27 10:56:00 75

转载 css文本样式及控制文本的大小写

常用文本样式如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text文本样式</title> ...

2017-07-27 10:56:00 144

转载 CSS3背景相关样式

background-image绘制多张图片叠加，示例如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>back...

2017-07-27 10:56:00 80

转载 html4与html5的区别及html5的一些新特性

区别 1.html5语法的改变 HTML5简化了很多细微的语法，例如： 1.1doctype的声明; html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...

2017-07-27 10:56:00 182

转载 css3盒子相关样式

1、css3的display属性:　　inline:内联　　inline-block:可以设置宽高的内联　　block:设置为块: <!DOCTYPE html><html lang="en"><head> <meta charse...

2017-07-27 10:56:00 71

转载 [H5]API之range对象

range对象:是一种fragment(HTML片断)，它包含了节点或文本节点的一部分。一般情况下，同一时刻页面中只可能有一个range，也有可能是多个range（使用Ctrl健进行多选，不过有的浏览器不允许，例如Chrome）。可以从selection中获得range对象，也可以使用do...

2017-07-27 10:55:00 106

转载 css3选择器

css3属性符号选择器: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3属性选择器</title&gt...

2017-07-27 10:55:00 50

转载 [H5]range对象的createRange方法

range对象的extractContents()方法: extractContents() 方法删除文档内容，并以 DocumentFragment 对象的形式返回它; DocumentFragment配合range对象:相当于剪切、复制、粘贴其子孙节点 <body>...

2017-07-27 10:55:00 203

转载 css盒子边框样式

边框样式有全边框和单个边框样式，可对每条边设置不同的样式如下代码P1为全边框样式，P2为单个边框设置不同的样式: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2017-07-27 10:55:00 148

转载 css3中的动画效果

css3中的animation属性动画效果代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3的ani...

2017-07-27 10:55:00 62

转载 a标签链接到当前页内指定位置

<a name="me">hello</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>...

2017-07-27 10:55:00 225

转载 [H5]range对象之selectNode等方法

关于range对象的selectNodeContents、selectNode、deleteContents方法示例代码如下: <!DOCTYPE html><html lang="en"><head> <meta char...

2017-07-27 10:55:00 661

转载 css基础知识之属性选择器

css属性选择器及属性和值选择器如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css属性选择器<...

2017-07-27 10:55:00 64

转载 css动画过渡

css动画过渡css代码: .div03{ width:100px;height:100px;background: rebeccapurple;color: #fff; -webkit-transition: width 2s,height 2s,-webkit-tr...

2017-07-27 10:55:00 70

转载 css定位

css定位及z-index的使用: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css定位</title&g...

2017-07-27 10:55:00 51

转载 js添加删除元素内容

<body> <div id="div" style="background: yellow;width:200px;height:200px;"></div> <button onclick="selectDiv()">选...

2017-07-27 10:55:00 300

转载 css3动画2D、3D转换

css3动画的2D、3D转换代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3动画</title&...

2017-07-27 10:55:00 60

转载如何在页面上输出html标签:符号实体

用符号实体来表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。输入 </br> 则页面输入显示</br> ...

2017-07-27 10:55:00 206

转载 css基础知识之列表

ul、li列表样式部分如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表样式</title> ...

2017-07-27 10:55:00 48

转载 css3多列及瀑布流效果

css3内容分块，多列效果(类似报纸版块排版): .div02{ /*count:内容分为几列，gap:内容与分割线的距离，rule:分割线样式*/ column-count:4; column-gap:30px; column-rule:5px out...

2017-07-27 10:55:00 77

转载 css3中空格和>的区别

A>B 表示选择A元素的所有子B元素。与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 A+B表示HTML中紧随A的B元素(A与B是同级元素)。转载于:...

2017-07-27 10:55:00 146

转载 css3类选择器之结合元素选择器和多类选择器

css3类选择器之结合元素选择器和多类选择器用法: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2017-07-27 10:55:00 79

转载 web workers工作线程

web worker工作线程是Html5里面提出来的一个新api，对于JavaScript我们的印象是单线程执行，如果运行复杂运算的时候，页面可能就会失去响应，是运行在后台的javascript,独立于其他脚本，创建后，会在后台执行，并不会影响浏览器对于页面的响应方法:postMessage...

2017-07-27 10:55:00 80

转载 canvas标签的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas test</title></head&...

2017-07-27 10:55:00 65

转载 css3动画animation

css3动画animaton css样式如下: .div01 { width: 200px; height: 200px; background: rebeccapurple; color: #fff; position: relative; ...

2017-07-27 10:55:00 58

转载 css3布局属性flex

html代码如下: <ul class="ul_box"> <li><a href="#">html</a></li> <li><a href="#">css</a><...

2017-07-27 10:55:00 59

转载 HTML格式化

<b>　　　　定义粗体文本 <big>　　　定义大号字体(已废除) <em>　　　定义着重文字 <i>　　　　定义斜体字 <small> 定义小号字 <strong> 定义加重语气 <s...

2017-07-27 10:55:00 51

转载 webstorm常用快捷键

界面操作快捷键ctrl+shift+A 快速查找并使用编辑器所有功能（必记）ctrl+shift+F12 最大区域显示代码（会隐藏其他的功能界面模块）ctrl+alt+s 打开配置窗口ctrl+tab 切换代码选项卡ctrl+F4 关闭当前代码选项卡代码编辑快捷键alt+/ 添...

2017-07-27 10:55:00 71

转载 [H5]range对象的setStart/setEnd方法

1.setStart:表示某个节点的range对象的起点位置;2.setEnd:表示某个节点的range对象的结束位置; 示例如下:<body> <div id="div"> 这里是第一段文字 </div> ...

2017-07-27 10:55:00 996

转载 html4与html5的区别及html5的一些新特性

区别 1.html5语法的改变 HTML5简化了很多细微的语法，例如： 1.1doctype的声明; html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...

2017-07-27 10:51:00 121

转载 css3盒子相关样式

1、css3的display属性:　　inline:内联　　inline-block:可以设置宽高的内联　　block:设置为块: <!DOCTYPE html><html lang="en"><head> <meta charse...

2017-07-27 10:51:00 49

转载 [H5]range对象的clone方法

clone:range对象的克隆; <body> <p id="p">这是一段文字</p> <button onclick="btn()">克隆</button> <script> ...

2017-07-27 10:51:00 97

转载 css3文本字体

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text文本字体</title> <style...

2017-07-27 10:51:00 61

转载 css基础内容之background

html如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景</title> <li...

2017-07-27 10:51:00 50

转载 canvas标签的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas test</title></head&...

2017-07-27 10:50:00 102

转载 css3动画animation

css3动画animaton css样式如下: .div01 { width: 200px; height: 200px; background: rebeccapurple; color: #fff; position: relative; ...

2017-07-27 10:50:00 51

转载 css3布局属性flex

html代码如下: <ul class="ul_box"> <li><a href="#">html</a></li> <li><a href="#">css</a><...

2017-07-27 10:50:00 55

转载 HTML格式化

<b>　　　　定义粗体文本 <big>　　　定义大号字体(已废除) <em>　　　定义着重文字 <i>　　　　定义斜体字 <small> 定义小号字 <strong> 定义加重语气 <s...

2017-07-27 10:50:00 65

转载 webstorm常用快捷键

界面操作快捷键ctrl+shift+A 快速查找并使用编辑器所有功能（必记）ctrl+shift+F12 最大区域显示代码（会隐藏其他的功能界面模块）ctrl+alt+s 打开配置窗口ctrl+tab 切换代码选项卡ctrl+F4 关闭当前代码选项卡代码编辑快捷键alt+/ 添...

2017-07-27 10:50:00 61

转载 [H5]range对象的setStart/setEnd方法

1.setStart:表示某个节点的range对象的起点位置;2.setEnd:表示某个节点的range对象的结束位置; 示例如下:<body> <div id="div"> 这里是第一段文字 </div> ...

2017-07-27 10:50:00 1121

空空如也

空空如也