html及css
hanjieson
这个作者很懒,什么都没留下…
展开
-
zend Invalid location of tag 解决方案
1. Invalid location of tag (form) form 应该写到table外面去。2. Invalid location of tag (style) style应该写在head里面。3. Invalid location of tag (script) script应该写到body,head里面。4.Attribute name(N转载 2013-01-24 16:28:04 · 847 阅读 · 0 评论 -
padding使width增大
1.如果一个div不设置width而设置padding时,div会内缩。2.如果一个div设置了width和padding就会使得width增大。解决:用js来减少它的width再设置padding$(document).ready(function(){var width=parseInt($("#a").width());$("#a").width(width-原创 2013-08-27 01:20:14 · 3366 阅读 · 0 评论 -
用3个步骤实现响应式网页设计
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页设计(Responsive web design)是一种现代网页设计方法,基于CSS3的媒介查询(Media Qu转载 2013-08-23 18:59:53 · 1517 阅读 · 0 评论 -
学习之响应式Web设计:Media Queries和Viewports
现在使用移动设备人越来越多,移动版的Website随之也越来越重要;但是移动端设备的大小不一,屏幕分辨率各不相同,我们不可能为BlackBerry,iPhone, iPad等等每个都做单独的页面设计。所以我们需要的Website设计要能迎合多种device的要求并且兼容所有的屏幕分辨率,这种设计就叫响应式Web设计什么是响应式Web设计(Responsive Web design)?响应式转载 2013-08-23 18:58:13 · 894 阅读 · 0 评论 -
css media query制作动态布局
打造布局结构当页面所需要适应的不同设备的屏幕尺寸差异过大时,除了图片方面,我们也应该考虑到整个布局结构的响应式调整;我们可以使用独立的样式表,或者更有效的,使用CSS media query。这不会引起多大的麻烦,多数样式设定不会被影响和改变,只有一些特定的元素会通过浮动、宽度和高度等的设置来改变位置。我们可以使用一个默认主样式表来定义页面的主要结构元素,比如#wrapper、#c转载 2013-08-22 22:46:56 · 1312 阅读 · 0 评论 -
根据客户端浏览器,加载不同的CSS文件
大家经常看到这样的一个网页,用Firefox浏览器打开的时候,网页的HTML代码中是这样的:[html] view plaincopy> html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="FF"> 用Google Chr转载 2013-08-22 11:44:21 · 1363 阅读 · 0 评论 -
兼容所有浏览器的背景半透明方式
#testdiv{background-color:#FFF;background-color:rgba(255,255,255,0.7);filter: Alpha(Opacity=70);}注:对于ie8以下的版本会使得#testdiv中的控件也半透明,而对于其他浏览器则是显示正常。原创 2013-07-18 20:24:41 · 1227 阅读 · 0 评论 -
html屏蔽右键、禁止复制与禁止查看源代码
如何在网页中屏蔽右键 众所周知,要保护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是function click(),即下面这段代码: 〈script〉 function click(){ if(event.button==2){ alert( '本网站欢迎您 !!'); } }转载 2013-07-16 19:46:00 · 71067 阅读 · 2 评论 -
zendstudio文件编码修改问题
朋友,在zendstudio ide中,你是否碰到导入一个项目后,发现项目中文件的原始编码和目前工程中设置的默认读取编码是不一致的。现象就是这样子的: 导入一个工程后,发现工程里面很多的文件都打上了红色的叉叉,打开这些文件一看,发现只要是有汉字存在的文件,都出现了乱码。接着你按住 alt+enter发现,该文件的编码默认为gbk,当你将当前文件编码改为utf8,这个文件就正常了。转载 2013-01-24 16:49:13 · 740 阅读 · 0 评论 -
文字加表情的显示方式
html:aaaaabbbbbbbbbbbbbcccccss:.messagebox{ width: 300px; height: auto; word-wrap: break-word; word-break:break-all; white-space: pre-wrap; background-color: #333; padding: 0px原创 2013-09-04 22:58:00 · 989 阅读 · 0 评论