iteye_16353的博客

[align=center][size=large]HTML元素不可见的实现方法详解[/size][/align][b]1.1 display:none;方法[/b] display:none;方法可使元素隐藏，并且不占据任何空间。 对设置了display:none;属性的元素的任何用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。 ...

[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: [][, [...

[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...

[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 ...

[size=large][align=center]HTML行内元素和块级元素的转换[/align][/size][b]1.1 CSS display属性[/b] 行内→块级，display:block; 块级→行内，display:inline;[b]1.2 CSS position:absolube;属性[/b] 使行内元素转换为隐...

[align=center][size=large]Font Awesome应用详解[/size][/align][b]1.1概述[/b] Font Awesome提供可缩放的矢量图标，可以使用CSS所提供的所有特性对其进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 Font Awesome的缺点是：对IE6等浏览器兼容性不是很好，不过最新版本(4...

[align=center][size=large]js程序中$符号详解[/size][/align] $符号在php中是表示变量的特征字符， 在js中它也有很多作用。1.1用来表示变量。例：var str='hello world !';var $str='hello world !'; 1.2在正则表达式中，匹配结尾。1.3由于受prototype....

[align=center][size=large]Web前端常用CDN静态资源库[/size][/align]BootCDN资源库网址：http://www.bootcdn.cncndjs资源库网址：https://cdnjs.com

[size=large][align=center]Win 7下IE11或其他版本无法卸载、无法重新安装问题的解决方法[/align][/size] 在安装IE11的过程中，或人为中断IE11安装，或在安装过程中某些系统优化软件对该过程进行了干扰，导致IE11虽然安装上了但却不完整，有可能导致无法正常打开IE，或系统无法对IE11进行卸载或重新安装。 解决方法...

[b]1.1Web前端学习网站[/b]1.1.1国外网站github网：https://github.com/stackoverflow网：https://stackoverflow.com/ github上不光只是代码仓库，还有很多[color=red]资源收集[/color]类型的项目。后来这些项目搞了一个不成文的规矩，统一都叫awesome-xxx，比如awes...

[align=center][size=large]div元素按比例缩放的实现方法[/size][/align] 某些场景下，窗口宽度缩放时，使得元素宽度自适应的同时，保证每个元素的宽高比例不变。[b]1.1利用CSS属性实现——padding-bottom属性[/b] padding-bottom 有一个特性是当它的值是百分比形式时，百分比的基数是其所在元...

[align=center][size=large]HTML img布局问题详解[/size][/align][b]1.1尺寸的设置1.1.1设置方法[/b] 对于一个img元素，可单独地修改 width或者 height 属性来设置大小，同时图片的比例保持不变。即设置宽度为原来的一半时，图片的高度并不是保持原来的大小，而是相应的变成了原来的一半，从而使得图片仍能够保持原有...

[align=center][size=large]HTML中空格的实现方法详解[/size][/align] 浏览器总是会截短 HTML页面中的空格。如果在文本中写10个空格，在显示该页面之前，浏览器会删除它们中的9个。如需在页面中增加空格的数量，需要使用 字符实体。即使是一个空格也尽量不要直接在页面中打，因为在大多数编辑器中空格是透明滴，很容易就被删掉；另外，HTML...

[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...

[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概...

[align=center]DIV+CSS布局和TABLE布局详解[/align][b]1.1 TABLE布局1.1.1概述[/b] HTML table元素渲染到网页上，其单元格的边框和间距均为0。传统TABLE布局方式就是利用table元素的这个特性，将网页中的各个元素按版式划分放入表格的各个单元格中，从而实现复杂的排版组合。 table布局的核心在...

[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] 通过...

[align=center]设置input输入框为只读方法详解[/align][b]1.1禁用状态与启用状态[/b] 一个元素不能被激活（如选择、点击或接受文本输入）或获取焦点，则该元素处于被禁用状态。一个元素可以被激活或获取焦点，则该元素处于启用状态。[b]1.2设置input输入框为只读方法[/b] 设置文本框为只读，使用户不能修改其中的信息。例：...

[align=center]JSON.parse()方法详解[/align] JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中，还可以选择性的修改某些属性的原始解析值。[b]1.1语法[/b] JSON.parse(text[, reviver])。[b]1.2参数介绍[/b] text必需。一...

[align=center]JSON.stringify()方法详解[/align] JSON.stringify()方法主要是系列化对象。即把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。该方法可以将任意的JS值序列化成JSON字符串。[b]1.1语法[/b] JSON.stringify(value [, replacer] [, space]...