- 博客(28)
- 收藏
- 关注
RSS订阅原创 浮动的清除
1. 浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示：文字环绕效果但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和block之间的一个神奇的存在，在inline-b...
2017-03-28 13:26:22
94
原创 浮动的清除_宿雪家的小镇_新浪博客
1. 浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示：文字环绕效果但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和block之间的一个神奇的存在，在inline-block出来之前...
2017-03-28 13:26:22
40
原创 使用border做三角形
网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边可以单独设置，当四个边相交的时候他们是什么时候改变的？.t0{ margin:30px; height:200px; width:200px; border-top:solid 100px red; border-left:s...
2017-03-27 13:10:08
146
原创 使用border做三角形_宿雪家的小镇_新浪博客
网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边可以单独设置，当四个边相交的时候他们是什么时候改变的？.t0{ margin:30px; height:200px; width:200px; border-top:solid 100px red; border-left:solid 100...
2017-03-27 13:10:08
39
原创 BIOS相关
1.开机进不了BIOS 解决办法：关闭快速启动2.BIOS进入 开机出现电脑商家图标时，按住F2键进入BIOS界面。大多数电脑是按住F2键，有部分电脑品牌按F1或是其他。3.以下为各品牌机及独立主板的热键：（温馨提示：热键直接选择启动项，选择热键前，请先插入U盘）！组装机主板品牌笔记本品牌台式机主板品牌启动按键笔记本品牌启动按键台式...
2017-03-23 17:54:50
124
原创 BIOS相关_宿雪家的小镇_新浪博客
1.开机进不了BIOS 解决办法：关闭快速启动2.BIOS进入开机出现电脑商家图标时，按住F2键进入BIOS界面。大多数电脑是按住F2键，有部分电脑品牌按F1或是其他。3.以下为各品牌机及独立主板的热键：（温馨提示：热键直接选择启动项，选择热键前，请先插入U盘）！组装机主板品牌笔记本品牌台式机主板品牌启动按键笔记本品牌启动按键台式机品牌启动按键...
2017-03-23 17:54:50
79
原创 IP地址无法访问的问题
原因：相应端口被禁止例如购买腾讯云服务器的时候会有类似如下操作解决：转到安全组设置--->添加新的开放端口安全组或者把限制端口的安全组移除 ...
2017-03-09 20:08:07
1880
原创 IP地址无法访问的问题_宿雪家的小镇_新浪博客
原因：相应端口被禁止例如购买腾讯云服务器的时候会有类似如下操作解决：转到安全组设置--->添加新的开放端口安全组或者把限制端口的安全组移除 ...
2017-03-09 20:08:07
36
原创 Linux命令vi修改文件后保存
vi是Linux终端下或控制台下常用的编辑器，基本的操作方式为：vi /路径/文件名 例如，vi/etc/fstab表示显示/etc/fstab文件的内容。使用键盘上的Page Up和PageDown键可以上下翻页;按下Insert键，可以见到窗口左下角有“Insert”字样，表示当前为插入编辑状态，这时从键盘输入的内容将插入到光标位置;再按下Inser...
2017-03-08 13:59:58
2357
原创 Linux命令vi修改文件后保存_宿雪家的小镇_新浪博客
vi是Linux终端下或控制台下常用的编辑器，基本的操作方式为：vi /路径/文件名 例如，vi/etc/fstab表示显示/etc/fstab文件的内容。使用键盘上的Page Up和PageDown键可以上下翻页;按下Insert键，可以见到窗口左下角有“Insert”字样，表示当前为插入编辑状态，这时从键盘输入的内容将插入到光标位置;再按下Insert键，左下角将...
2017-03-08 13:59:58
61
原创 如何让DIV水平和垂直居中
CSS让DIV水平居中说明，本文中所指的DIV包括HTML页面中所有的元素。让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0auto，CSS自动算出左右边距，使得DIV居中。.mydiv{ margin:0 auto; width:300px; height:20...
2017-03-03 18:59:20
73
原创 如何让DIV水平和垂直居中_宿雪家的小镇_新浪博客
CSS让DIV水平居中说明，本文中所指的DIV包括HTML页面中所有的元素。让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0auto，CSS自动算出左右边距，使得DIV居中。.mydiv{margin:0auto;width:300px;height:200px;...
2017-03-03 18:59:20
37
原创 lorem ipsum text占位符
Web开发者通常用loremipsum text来做占位符，占位符就是占着位置的一些文字，没有实际意义。为什么叫lorem ipsumtext呢?是因为loremipsum是古罗马西塞罗谚语的前两个单词。从公元16世纪开始lorem ipsumtext就被当做占位符了，这种传统延续到了互联网时代。Loremipsum，中文又称“乱数假文”， 是指一篇常用于...
2017-03-02 11:24:25
735
原创 lorem ipsum text占位符_宿雪家的小镇_新浪博客
Web开发者通常用loremipsum text来做占位符，占位符就是占着位置的一些文字，没有实际意义。为什么叫lorem ipsumtext呢?是因为loremipsum是古罗马西塞罗谚语的前两个单词。从公元16世纪开始lorem ipsumtext就被当做占位符了，这种传统延续到了互联网时代。Loremipsum，中文又称“乱数假文”，是指一篇常用于排版设计领域的拉...
2017-03-02 11:24:25
165
1
原创 z-index
z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性.为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别.表示一个元素在叠加顺序上的上根据 W3CCSS2.1 规范中的描述，'z-index'应用于定位元素（ 'position' 特性不是 static ），...
2017-03-01 19:06:51
72
原创 z-index_宿雪家的小镇_新浪博客
z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性.为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别.表示一个元素在叠加顺序上的上根据 W3CCSS2.1 规范中的描述，'z-index'应用于定位元素（ 'position' 特性不是 static ），它接受整数值，...
2017-03-01 19:06:51
80
原创 正则表达式（二）
分组我们已经提到了怎么重复单个字符（直接在字符后面加上限定符就行了）；但如果想要重复多个字符又该怎么办？你可以用小括号来指定子表达式(也叫做分组)，然后你就可以指定这个子表达式的重复次数了，你也可以对子表达式进行其它一些操作(后面会有介绍)。(\d{1,3}\.){3}\d{1,3}是一个简单的IP地址匹配表达式。要理解这个表达式，请按下列顺序分析它：\d{1,3...
2017-03-01 11:28:58
122
原创 正则表达式（二）_宿雪家的小镇_新浪博客
分组我们已经提到了怎么重复单个字符（直接在字符后面加上限定符就行了）；但如果想要重复多个字符又该怎么办？你可以用小括号来指定子表达式(也叫做分组)，然后你就可以指定这个子表达式的重复次数了，你也可以对子表达式进行其它一些操作(后面会有介绍)。(\d{1,3}\.){3}\d{1,3}是一个简单的IP地址匹配表达式。要理解这个表达式，请按下列顺序分析它：\d{1,3}匹配1到3位的...
2017-03-01 11:28:58
46
原创 正则表达式（一）
目录跳过目录本文目标如何使用本教程正则表达式到底是什么东西？入门测试正则表达式元字符字符转义重复字符类分枝条件反义分组后向引用零宽断言负向零宽断言注释贪婪与懒惰处理选项平衡组/递归匹配还有些什么东西没提到联系作者网上的资源及本文参考文献更新纪录本文目标30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，...
2017-03-01 11:23:19
142
原创 正则表达式（一）_宿雪家的小镇_新浪博客
目录跳过目录本文目标如何使用本教程正则表达式到底是什么东西？入门测试正则表达式元字符字符转义重复字符类分枝条件反义分组后向引用零宽断言负向零宽断言注释贪婪与懒惰处理选项平衡组/递归匹配还有些什么东西没提到联系作者网上的资源及本文参考文献更新纪录本文目标30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的...
2017-03-01 11:23:19
122
原创 js中apply方法的使用详细解析
1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是：复制代码代码如下:Object.extend = function(destination, source){ for(property in source) { destination[property] = source[pro...
2017-03-01 10:44:31
91
原创 js中apply方法的使用详细解析_宿雪家的小镇_新浪博客
1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是：复制代码代码如下:Object.extend = function(destination, source){ for(property in source) {destination[property] = source[property];...
2017-03-01 10:44:31
490
原创 鼠标事件中event对象的clientx和pagex的区别与联系
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性...
2017-03-01 10:24:17
1292
原创 鼠标事件中event对象的clientx和pagex的区别与联系_宿雪家的小镇_新浪博客
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支...
2017-03-01 10:24:17
175
原创 document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Compa...
2017-03-01 10:09:45
69
原创 document.compatMode属性_宿雪家的小镇_新浪博客
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Compat时，浏览器客户...
2017-03-01 10:09:45
33
原创 document.documentElement.scrollLeft 与document.body.scrollTop区别
问题描述针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用document.body.scrollLeft 获取页面...
2017-03-01 10:02:06
4647
原创 document.documentElement.scrollLeft 与document.body.scrollTop区别_宿雪家的小镇_新浪博客...
问题描述针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用document.body.scrollLeft 获取页面的水平滚动条位置...
2017-03-01 10:02:06
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人