摘要：Flexible Box Model(灵活盒子模型)在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。 Flexible Box Model有几个属性：1、box-orient 在父元素上设置 子元素排列 vertical (垂直) or horizontal（水平）2、box-flex 在子元素上设置 兄弟元素之间比例，仅作一个系数3、box-align 在父... 阅读全文

摘要：说明一下，在此所说的移动设备前端开发是指针对高端智能手机（如Iphone、Android），所以需要对webkit内核的浏览器有一定的了解。1、webkit内核中的一些私有的meta标签第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； 第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码 其中http://web 阅读全文

摘要：这里说明一下，是针对普通手机开发 Wap 2.0的网站的制作。相比3G智能手机简单多了，只是一些注意标签和css属性的使用，避开一些不支持的样式。一、文档的属性的设置1.xml 的声明并不是必要的，但如果忽略在许多WAP浏览器中出错。听说会影响某些 wap 浏览器，比如 Sony Ericsson 的一些型号，“ 当接收到的 MIME 类型为 text/html 时, 会利用 XML 声明来区分 XHTML MP 和 IHTML（一个 NTT DoCoMo 定义的有专利的标记语言）文档；如果文档包含 XML 声明，它就是一个 XHTML MP 文档，否则它就是一个 IHTML 文档。”2. [ 阅读全文

摘要：起源：.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.clearfix { display: inline-table; } /* Hides from IE-mac \*/ *html .clearfix { height: 1%; }.clearfix { display: block; } /* End hide from IE-mac */说明：*对大多数符合标准的浏览器应用第一个声明块，目的是创建一 阅读全文

摘要：用css实现的各种常见的形状效果，如下：#square { width: 100px; height: 100px; background: red; }#rectangle { width: 200px; height: 100px; background: red; }#circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* Cleaner, but slightly less 阅读全文

摘要：网站优化名词介绍.1、关键字您需要为您的网站页面确定一个关键字，这是与您网站的主题定位相关的词语，这些关键字是人们进入你网站的主要入口点，他们主要集中在您网站的每个页面上，每个页面的关键字不应该完全相同，但相关，从首页到目录页再到内容也，形成金字塔。2、目标关键字同上，主要分布在首页的关键字，一般为搜索量大，网站主要围绕的关键字。3、长尾关键字在你网站上非目标关键词带来的搜索流量的关键词，就被称为长尾关键词，长尾关键词一般是包含目标关键词的词组或短语。4、锚文本依附在文字上的超级链接，网站页面之间的跳转与访问都是通过超链接来完成的。它是HTML中 的标签。5、导入链接/友情链接/外部链接导入链 阅读全文