随笔分类 - HTML+CSS
网页编码就是那点事
摘要:来源:潜行者m 的博客编码一直是让新手头疼的问题,特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别,更是让许多新手晕头转向,怎么解释也解释不清楚。但是编码又是那么重要,特别在网页这一块。如果你打出来的不是乱码,而网页中出现了乱码,绝大部分原因就出在了编码上了。此外除了乱码之外,还会出现一些其他问题(例如:IE6 的 CSS 加载问题)等等。我写本文的目的,就是要彻底解释清楚这个编码问题!如果你遇到了类似的问题,那就要仔细的看看这篇文章。ANSI、GBK、GB2312、UTF-8、GB18030和 UNICODE这几个编码关键词是比较常见的,虽然我把我们放在了一起说,但并
阅读全文
一些UTF-8编码问题
摘要:一..HTML页面转UTF-8编码问题二.PHP页面转UTF-8编码问题三.MYSQL数据库使用UTF-8编码的问题四.JS相关的UTF-8编码问题五.FLASH相关的UTF-8编码问题一.HTML页面转UTF-8编码问题1.在<head>后,<title>前加入一行:<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />顺序不能错,一定要在<title>标签前加入,否则如果<title>与</title>之
阅读全文
HTML5 + CSS3 + JS 演示网站
摘要:文章来源:http://developer.51cto.com/art/201112/309731.htm先看一些有趣的东西。这些网站利用JavaScript将Canvas,WebGL,CSS3和HTML5元素这些浏览器技术融合在了一起。通常这些技术只是用来取悦用户,或是在现代的浏览器中显示一些新的功能。虽然大多数的功能都很不错,但有些会占用大量的处理器或是显卡,所以笔记本电脑用户常常需要关注他们的笔记本温度,以免温度过高而出现异常。1.Baroque.meBaroque.me是一个简单,但是能够催眠的网站,它就用到了HTML5 Canvas元素,并使用JavaScript巧妙地控制了一个简单
阅读全文
IE6 下 z-index 设置的 DIV 偏移位置的解决方法
摘要:网站里使用 z-index 与 position:absolute属性设置 div, 实现特殊效果. IE8 IE9 CHROME FIREFOX 下都没有问题, 唯独 IE6 IE7 出现层偏移到页面右侧的现象.查看各种资料后, 尝试利用 positon:relative 设置父层, 依旧无效. 后发现需要给当前 position:absolute 的 div 层设置 top: 0, left:0 属性, 问题才得以解决.
阅读全文
(转)国外15个前端开发CSS框架介绍
摘要:文章来源:http://www.wufangbo.com/15-css-framework框架就是一个你可以用于你的网站项目的基本的概念上的结构体。css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如:typography.css 基本排版规则grid.css 基于网格的布局layout.css 通常的布局form.css for 表单样式general.css 更多通用规则下面一起来了解一下各种不同的CSS框架吧:1.960 Grid System960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面
阅读全文
(转)27款经典的前端开发CSS框架
摘要:文章来源:http://www.wufangbo.com/27-css-framework利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。1.960gs960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。2.YUI 2: Grids CSS芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS 正是其中的一部分。作
阅读全文
HTML页面内容禁止选择、复制、右键
摘要:<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.select
阅读全文
谷歌浏览器默认字体最小12px的解决方案
摘要:当字体小于12px的时候,谷歌浏览器还是以12px显示,只需把下面CSS写在样式里,谷歌就能正常显示了: html{-webkit-text-size-adjust:none;}另外还有一个针对谷歌专用的hack:@mediascreenand(-webkit-min-device-pixel-ratio:0){/* chrom、safari 样式 */}这是针对其他一些兼容问题的,像IE、FF都有自己的hack,这个也是chrom的hack,它针对Safari也有效。
阅读全文