现在位置 >首页 > 所有关于CSS_DIV的文章
tag-html5 category
发表于281 天前 HTML5 评论数 4
移动网站开发——CSS
  介绍 Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同的是,WAP CSS 1.0针对移动设备加入了一些扩展,这些扩展通过-wap-前缀来实现。 后来,W3C将二者进行了整合,吸收了WAP CSS1.0的一些优点,推出了CSS Mobile Prifile 2.0规范,它也是CSS 2.1的一个子集。我们本文将主要讨论这个规范。 CSS Mobile Profile 2.0中的CSS支持 因为这是CSS 2.1的一个子集,那么我们对...
阅读全文
web category
发表于326 天前 WEB前端 暂无评论
CSS 实现垂直居中
水平居中我们知道最简便的方法就是margin:auto,但是margin只是相对宽度有效。 如果垂直居中的元素高度已知,这个比较简单,也不需要额外的辅助元素。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="cache-control" content="no-cache" /> <style> <!-- html, body { height: 100%; margin: 0; padding: 0; } body { ...
阅读全文
用CSS3实现文字渐变效果
首先要说明,你的浏览器支持CSS3的话,才能看到正确的演示效果。如果你现在用的浏览器是Chrome、Safari等,就是你的浏览器支持background-clip + text-fill-color等CSS3属性,那么你可以看到下面文字渐变的漂亮效果: CSS(CSS代码中关键有用的其实就是最后三行): <pre><style type="text/css"> .text-gradient { display: inline-block; color: green; font-size: 8em; font-family: 微软雅黑; background-image: -webkit-gradient(linear, 0 0, 0 bottom, f...
阅读全文
可见即所得的CSS编辑设计
style 也是标签(在非ie内核的浏览器中支持),我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。 演示代码: <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title></title> <style type="text/css"> b...
阅读全文
HTML5 结构之美(HTML5 Boilerplates )
HTML 5如同一场革命,正在Web2.0后时代轰轰烈烈的进行着。 为什么HTML5会成今天炙手可热的前端语言,而不是2022年后呢,本文会给出一系列的HTML5架构,你现在就可以在你的项目小试牛刀了。 HTML5 html5文档的快速建立 html5文档非常容易建立,你只需要改变文档头部的DOCTYPE声明。 <!DOCTYPE html> 这样你就已经建立好一个HTML5文档了,看看谷歌首页是怎么做的吧 <!doctype html> <head> <title> HTML 5 - Google Search </ title> <script> .. 但是谷歌的验证和搜索结果...
阅读全文
Google语音识别||x-webkit-speech–HTML5实现声音录制功能的方法
Google语音识别||x-webkit-speech–HTML5实现声音录制功能的方法 x-webkit-speech W3C标准里有关于标签的说明, http://www.w3.org/TR/capture-api/ 但是在webkit上我始终没有试出来。 后来找到了这个bug票,不知第3条是真是假,好像webkit以前实现过,但后来有bug所以未公开。 https://bugs.webkit.org/show_bug.cgi?id=43572 后来在nightbuild的Chrome上终于试出来了作个memo,以供以后使用。 1-下载chrome night build version windows版 linux版 mac版 下载最新日期的版本。 2−以下以mac版为例 sudo c...
阅读全文
jq category
发表于445 天前 Jquery 评论数 1
window.print() web打印
关键字: window.print()、 web打印、 web部分打印 window.print() 功能:打印当前窗口的内容。 语法:window.print() 参数:无。 注:调用print()方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以定制或取消打印请求。 window.print() 实际上,是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样,不能精确分页,不能设置纸型,套打的问题更加无从谈起,只不过,可以让用户不用去点菜单,直接点击网页中的一个按钮,或一个链接里面调用罢了。事实上,很多用户都是...
阅读全文
WordPress HotNews pro2.4版为主题添加CSS3文字阴影
WordPress HotNews pro2.4版为主题添加CSS3文字阴影 本文编辑 SatSun Studio 这个文字阴影效果,是CSS3标准中新增的属性之一,是除了CSS3圆角属性之外,效果最棒的,可增强文字的清晰度。热点新闻主题之前部分位置已采用,如导航菜单上的文字,为了模仿Apple网站导航上用图片作的文字浮雕效果,就添加了这个属性,可惜IE不支持,包括刚发布的IE9 RC,悲哀…..为了在不同核心浏览器下外观保持一致,采用蹩脚的IE专用属性勉强弄了个支持IE的文字浮雕效果,不是很理想,特别是对英文,看上去很别扭,IE8、IE9...
阅读全文
不想听你唠叨×