- 博客(41)
- 收藏
- 关注
RSS订阅原创 HTML元素不可见的实现方法详解
[align=center][size=large]HTML元素不可见的实现方法详解[/size][/align][b]1.1 display:none;方法[/b] display:none;方法可使元素隐藏，并且不占据任何空间。 对设置了display:none;属性的元素的任何用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。 ...
2017-03-17 09:34:24
1320
原创 CSS3 @font-face详解
[align=center][size=x-large]CSS3 @font-face详解[/size][/align][b]1.1概述[/b] @font-face是CSS3中的一个模块，主要是把自己定义的Web字体嵌入到网页中。[b]1.2语法规则[/b]语法：@font-face { font-family: ; src: [][, [...
2016-12-30 14:35:56
349
原创 浏览器对字体格式的支持详解
[align=center][size=x-large]浏览器对字体格式的支持详解[/size][/align][b]1.1概述[/b] 不同的浏览器对字体格式支持是不一致的。字体的格式包括.tff、.otf、.woff、.eot、.svg五种格式。[b]1.2格式介绍[/b][b]1.2.1 TureType(.ttf)格式[/b] .ttf字体是Wi...
2016-12-29 13:50:21
1187
原创 移动端web页面的字型
[align=center][size=x-large]移动端web页面的字型[/size][/align][b]1.1概述[/b] 在网页中，常用中文字体是微软雅黑作，但移动端系统 ios、android 等不支持微软雅黑。[b]1.2三大移动端系统的字体[/b][b]1.2.1 ios 系统[/b] 默认中文字体是Heiti SC ...
2016-12-29 13:14:05
171
原创 HTML行内元素和块级元素的转换
[size=large][align=center]HTML行内元素和块级元素的转换[/align][/size][b]1.1 CSS display属性[/b] 行内→块级，display:block; 块级→行内，display:inline;[b]1.2 CSS position:absolube;属性[/b] 使行内元素转换为隐...
2016-10-07 16:24:43
1706
原创 Font Awesome应用详解
[align=center][size=large]Font Awesome应用详解[/size][/align][b]1.1概述[/b] Font Awesome提供可缩放的矢量图标，可以使用CSS所提供的所有特性对其进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 Font Awesome的缺点是：对IE6等浏览器兼容性不是很好，不过最新版本(4...
2016-09-14 14:48:48
508
原创 js程序中$符号详解
[align=center][size=large]js程序中$符号详解[/size][/align] $符号在php中是表示变量的特征字符， 在js中它也有很多作用。1.1用来表示变量。例：var str='hello world !';var $str='hello world !'; 1.2在正则表达式中，匹配结尾。1.3由于受prototype....
2016-09-14 11:13:02
1095
原创 Web前端常用CDN静态资源库
[align=center][size=large]Web前端常用CDN静态资源库[/size][/align]BootCDN资源库网址：http://www.bootcdn.cncndjs资源库网址：https://cdnjs.com
2016-09-14 10:39:33
772
原创 Win 7下IE11或其他版本无法卸载、无法重新安装问题的解决方法
[size=large][align=center]Win 7下IE11或其他版本无法卸载、无法重新安装问题的解决方法[/align][/size] 在安装IE11的过程中，或人为中断IE11安装，或在安装过程中某些系统优化软件对该过程进行了干扰，导致IE11虽然安装上了但却不完整，有可能导致无法正常打开IE，或系统无法对IE11进行卸载或重新安装。 解决方法...
2016-09-12 16:54:30
1967
1
原创 学习网站推荐
[b]1.1Web前端学习网站[/b]1.1.1国外网站github网：https://github.com/stackoverflow网：https://stackoverflow.com/ github上不光只是代码仓库，还有很多[color=red]资源收集[/color]类型的项目。后来这些项目搞了一个不成文的规矩，统一都叫awesome-xxx，比如awes...
2016-09-11 22:16:56
142
原创 div元素按比例缩放的实现方法
[align=center][size=large]div元素按比例缩放的实现方法[/size][/align] 某些场景下，窗口宽度缩放时，使得元素宽度自适应的同时，保证每个元素的宽高比例不变。[b]1.1利用CSS属性实现——padding-bottom属性[/b] padding-bottom 有一个特性是当它的值是百分比形式时，百分比的基数是其所在元...
2016-09-08 17:54:40
9594
原创 HTML img布局问题详解
[align=center][size=large]HTML img布局问题详解[/size][/align][b]1.1尺寸的设置1.1.1设置方法[/b] 对于一个img元素，可单独地修改 width或者 height 属性来设置大小，同时图片的比例保持不变。即设置宽度为原来的一半时，图片的高度并不是保持原来的大小，而是相应的变成了原来的一半，从而使得图片仍能够保持原有...
2016-09-08 16:52:14
1336
原创 HTML中空格的实现方法详解
[align=center][size=large]HTML中空格的实现方法详解[/size][/align] 浏览器总是会截短 HTML页面中的空格。如果在文本中写10个空格，在显示该页面之前，浏览器会删除它们中的9个。如需在页面中增加空格的数量，需要使用 字符实体。即使是一个空格也尽量不要直接在页面中打，因为在大多数编辑器中空格是透明滴，很容易就被删掉；另外，HTML...
2016-09-08 15:15:49
515
原创 RGB颜色与HEX十六进制颜色的换算
[align=center][size=large]RGB颜色与HEX十六进制颜色的换算[/size][/align][b]1.1换算表格[/b] 如上述。[b]1.2换算方法[/b] 通过上述表格可发现RGB中的0对应HEX的00，1对应01……9对应09,10则对应0A，11对应0B……15对应0F,16对应了10。总共17对,除去一对特殊的0对应0...
2016-09-07 20:57:23
409
原创 Web语义化详解
[align=center]Web语义化详解[/align][b]1.1概述[/b] Web语义化主要包括：HTTP语义化、HTML语义化和CSS命名语义话。[b]1.2 HTTP语义化[/b] HTTP语义化是针对HTTP协议的。主要包括path路径语义话和HTTP method语义话。[b]1.3 HTML语义化[/b][b]1.3.1概...
2016-07-21 14:51:27
179
原创 DIV+CSS布局和TABLE布局详解
[align=center]DIV+CSS布局和TABLE布局详解[/align][b]1.1 TABLE布局1.1.1概述[/b] HTML table元素渲染到网页上，其单元格的边框和间距均为0。传统TABLE布局方式就是利用table元素的这个特性，将网页中的各个元素按版式划分放入表格的各个单元格中，从而实现复杂的排版组合。 table布局的核心在...
2016-07-21 10:53:29
307
原创 HTML引入CSS样式的方式详解
[align=center][size=xx-small]HTML引入CSS样式的方式详解[/size][/align][b]1.1内联属性（Inline style attribute）[/b] 直接修改HTML元素的style属性，将CSS代码直接写在style属性里。例：我的字号被修改了[b]1.2直接写在style标签里[/b] 通过...
2016-07-21 10:06:52
190
原创 设置input输入框为只读方法详解
[align=center]设置input输入框为只读方法详解[/align][b]1.1禁用状态与启用状态[/b] 一个元素不能被激活（如选择、点击或接受文本输入）或获取焦点，则该元素处于被禁用状态。一个元素可以被激活或获取焦点，则该元素处于启用状态。[b]1.2设置input输入框为只读方法[/b] 设置文本框为只读，使用户不能修改其中的信息。例：...
2016-07-18 11:02:48
1546
原创 JSON.parse()方法详解
[align=center]JSON.parse()方法详解[/align] JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中，还可以选择性的修改某些属性的原始解析值。[b]1.1语法[/b] JSON.parse(text[, reviver])。[b]1.2参数介绍[/b] text必需。一...
2016-07-09 08:43:47
2081
原创 JSON.stringify()方法详解
[align=center]JSON.stringify()方法详解[/align] JSON.stringify()方法主要是系列化对象。即把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。该方法可以将任意的JS值序列化成JSON字符串。[b]1.1语法[/b] JSON.stringify(value [, replacer] [, space]...
2016-07-09 08:36:34
421
原创 JS对JSON数据的操作-解析操作
[align=center]JS对JSON数据的操作-解析操作[/align][b]1.1JS解析JSON字符串[/b][b]1.1.1使用eval()函数解析[/b] 由于JSON语法是JS语法的子集，JS函数eval()可用于将JSON字符串转换为JOSN对象。解析方式： eval()函数使用JS编译器，解析JSON文本生成JS对象。语法： v...
2016-07-09 08:28:51
135
原创 JS比较运算符之等于与不等于详解
[align=center]JS比较运算符之等于与不等于详解[/align][b]1.1等于（==）与不等于（!=）[/b] 使用==或!=来比较两个数据是否相等，如果两个数据的类型不同，将进行转换后比较。[b]1.1.1转换的规则[/b] 如果其中一个操作数的类型为Boolean，那么，首先将它转换为数字类型，false转换为0, true将转换为1。 如果...
2016-07-05 17:56:13
1731
原创 HTML中DIV提示框的实现
[align=center]HTML中DIV提示框的实现[/align] 点击网页中某个按钮时，会弹出一个对话框，自定义提示框的样式和内容。[b]HTML代码：[/b][color=green][/color][color=green][/color][color=green][/color]。。。。。[b]JS代码：[/b]...
2016-06-29 09:28:21
1057
原创 JS对JSON数据的操作-直接操作
[align=center]JS对JSON数据的操作-直接操作[/align][b]1.1 对JSON数据的操作[/b][b]1.1.1 JSON对像结构数据的操作[/b]1、访问数据JSON对象.key；[color=green]//返回键值[/color]JSON对象["key"]；[color=green]//返回键值[/color]2、添加数据JSON对象.ke...
2016-06-03 09:29:23
237
原创 JSON基础知识
[align=center]JSON基础知识[/align][b]1.1概述[/b] JSON全称“JavaScript Object Notation（JavaScript对象表示法）”，起源于JavaScript的对象和数组。 JSON大部分都是用来处理JavaScript和web服务器端之间的数据交换，把后台web服务器的数据传递到前台，然后使用JavaScript进...
2016-06-03 09:22:00
105
原创 文本排版之CSS属性
[align=center]文本排版之CSS属性[/align][b]1.1段落设置[/b]1、text-indent，段落首行文字缩进。例：.for-mat{text-indent:20px;[color=green]/*首行缩进20px*/[/color]}2、水平对齐方式——设置或检索对象（图片和文字等）中文本的左中右对齐方式。语法： text-align...
2016-05-30 09:05:23
151
原创 HTML布局之盒子模型
[align=center]HTML布局之盒子模型[/align][b]1.1盒子模型[/b] 任何一个在页面上显示的HTML元素（无论是块级还是行内元素）都会呈现为一个盒子形状，即为盒子模型(box model)。示意图： [color=red]见附带图片！！！[/color] 盒子首先以元素的width和height开始，宽和高可由元素的类型，...
2016-05-30 08:36:17
308
原创 盒子模型之元素CSS padding属性
[align=center]盒子模型之元素CSS padding属性[/align][b]1.1概述[/b] CSS padding内补白(内边距)位于对象（边框）以内，或这样说padding样式是位于对象内的内容区域与边框之间的间隔。[b]1.2 CSS padding语法[/b]padding:+数值+单位/百分比数值[color=red]注意：padding的值...
2016-05-29 12:57:54
197
原创 盒子模型之元素CSS margin属性
[align=center]盒子模型之元素CSS margin属性[/align][b]1.1 概述[/b] CSS margin外边距/外补白边距样式属性，设置对象四边的外延边距，没有背景颜色也无颜色，即设置对象标签之间距离间隔。[b]1.2 margin语法[/b]margin的值可以为正整数和负整数+html单位；可以为auto自动属性(自动、自适应)；可以...
2016-05-29 12:49:23
200
原创 HTML布局之元素浮动属性
[align=center]HTML布局之元素浮动属性[/align][b]1.1 CSS float属性[/b]语法：float:left;[color=green]//设置元素靠左浮动[/color]float:right;[color=green]//设置元素靠右浮动[/color]float:none;[color=green]// 默认值。元素不浮动，并会显示在其在文...
2016-05-28 17:22:55
941
原创 盒子模型之元素宽高属性
[align=center]盒子模型之元素宽高属性[/align][b]1.1概述[/b] 每个元素都有一个继承的height和width属性。根据元素的不同目的，可以修改元素的height和width值以覆盖其默认值。 一个元素默认的height属性由其内容决定。在垂直方向上所有元素都会尽可能的伸缩来适应内容。 一个元素的width取决于它的显示类型。块级元素的...
2016-05-28 11:53:56
2323
原创 CSS 伪类与伪元素详解
[align=center]CSS 伪类与伪元素[/align] CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素...
2016-05-15 12:02:41
147
原创 HTML布局之CSS绝对定位
[align=center]HTML布局之CSS绝对定位[/align][b]1.1 CSS绝对定位——position[/b][b]1.1.1语法[/b]position:static;无特殊定位，对象遵循HTML定位规则。position:absolute;将对象从文档流中拖出（即脱离他的父级元素），使用left，right，top，bottom等属性进行绝对定位(相对...
2016-05-14 13:12:05
284
原创 HTML5本地存储
[align=center]HTML5本地存储[/align][b]1.1概述[/b]HTML5 存储是基于键值对的。数据存储在一个键里，访问数据时可以根据同样的键获得上次存储的数据。键是一个字符串。而数据则可以是任何类型的JS基本数据类型，包括字符串，Boolean，整数，和浮点数。需要注意的是，这些数据在存储时实际上是以字符串保存的。 因此在访问数据时需要做数据类型的转换。在HTM...
2016-05-14 10:53:02
89
原创 HTML布局之块级元素和行内元素
[size=xx-small][align=center]HTML布局之块级元素和行内元素[/align][/size]1.1布局之CSS display属性display属性规定元素应该生成的框的类型。语法1、常用display:inline;将元素设置为内联对象。对其设置属性height和width是没有用的，致使它变宽变大的原因是内部元素的‘宽高+padding‘。d...
2016-05-11 09:18:55
222
原创 HTML布局之基于文档流的解析
[align=center]HTML布局之基于文档流的解析[/align]1.1文档流将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。1.2 HTML布局基于文档流的解析每个非浮动块级元素都独占一行。内联元素不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。浮动元素不占任何正常文档流空间，而浮动元素的定位还是...
2016-05-10 09:40:44
145
原创 html <a>锚文本超链接标签
[align=center]html 锚文本超链接标签[/align][b]1.1超链接概述[/b]超链接指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。注意：超链接默认情况下是自动加下划线的。[b]1.2 ht...
2016-05-03 22:37:04
1111
原创 JS in的用法
[align=center]JS in的用法[/align]1.1简介JavaScript中的in 操作符是对Object（对象）操作的，并不是针对数组。1.2用法1.2.1简单用法 in的右边必须是对象变量。例：var mycar = {make: "Honda", model: "Accord", year: 1998};if("make" in myca...
2016-04-24 22:20:58
598
原创 JS 访问对象中数据易错点总结
JS 访问对象中数据易错点总结1.1访问Hash中的键值例1：var age = {'Tom':18,'Jack':19};查询哈希表中的'Jack'的数据：var data = age['Jack'];var data=age. 'Jack'[color=blue]//错误的方式。当属性为字符串时，只能采用[]的方式[/color]例2：var stu_info ...
2016-04-16 16:07:18
92
原创 JS number保留整数及n位小数的方法
[align=center]JS number保留整数及n位小数的方法[/align][color=red]1.1四舍五入为指定小数位数的数字。toFixed()1.2把一个数字舍入为最接近的整数。Math.round()1.3丢弃小数部分,保留整数部分。parseInt()1.4向上取整,有小数就整数部分加1。Math.ceil()1.5向下取整。Math.floor()[/...
2016-04-16 15:27:13
5839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人