文档归类:css

开发手机端网页

Continue Read..
开发手机端网页 在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--&#91;if lt IE 9&#93;> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <!&#91;endif&#93;--> 1、布局宽度 ..

关于html空格占位符

Continue Read..
关于html空格占位符 在html里面有时候需要一个空格,但是普通的空格在html里面会直接被忽略掉,这个时候很多人都会直接说用 这个来代替空格,但是这个在不同的浏览器里面占位符是不一样的,在谷歌浏览器里面是全角字符,而在360和火狐等里面是半角字符。这样子就会造成在一个浏览器是距离刚好的,而在另一个浏览器就直接错位了。 我自己的解决 ..

开发等比例缩放的手机网页

Continue Read..
开发等比例缩放的手机网页 很经常看到手机端的网页都是等比例缩放的,比如在宽度是640px的可以满屏查看,在宽度是320px的一样是满屏查看,而且不用进行滚动,唯一的区别就是图片文字以及排版等进行等比例的缩放。那这个是怎么做到的呢? 首先手机端的文件头部必须增加一个手机端的代码说明 <meta content="width=device-width,user-scalable=no" name="viewpor ..

ie下dotted变成dashed

Continue Read..
ie下dotted变成dashed 今天切图写样式的时候出现了一个很奇怪的现象,那就是有个div里面左边是两像素的solid,然后右边和底部是dotted的一像素的,然后写出来的样式居然出现dotted变成dashed的那种样式,不知道这个是什么原因,在ie9下和360浏览器都是这种情况(360浏览器好像就是用ie的内核),本来想直接进行截图了事,但是后面发现把左边的solid去掉发现就 ..

关于手机站宽度过大

Continue Read..
关于手机站宽度过大 今天做了一个手机站,然后用自己的手机访问自己的网站,发现没什么bug,但是用谷歌浏览器模拟苹果手机浏览的时候出现了问题,那个屏幕过大,底下会出现一个滚动条,自己就奇怪了,自己的宽度和最大宽度都限制在320像素之内了,但是还是出现这个,然后自己就把制作的一个html一个个标签去除,以防止有可能别的浮动扩大了容器的 ..

关于html5和css3的学习计划

Continue Read..
关于html5和css3的学习计划 html5和css3在前一段时间就出来,一直没机会去学习,主要是可能个人比较懒吧,在生活中一直比较拖拉的一个人,而且一提学习就头大,反正在自己的心理一直对学习可能是抱有抵制的态度吧,平时下班其实也是很无聊的,但是就算是无聊,也就看看电影什么的,或者直接玩玩游戏,时间其实就是在这样不知不觉当中度过了。 最近无意间 ..

a标签如何不让他分成两行

Continue Read..
a标签如何不让他分成两行 一行到头了就自动换行,这个本来是没什么可以说的,很正常,但是有时候如果有一个a标签,超链接,但是分到两行就感觉很不好看,那么如果进行让他不分成两行,如果一行挤不了就直接跳转到下一行去,其实只要在a标签里面加一个属性,这个也是css的一个范畴。white-space: nowrap;就正常了。

解决input的默认有边框

Continue Read..
解决input的默认有边框 input在不同浏览器里面的都是有默认边框的,要如何解决input的默认边框呢?在火狐下只要在样式那边设置:border:none;就可以去除所以的边框,但是在360浏览器和谷歌下还是在点击的时候会在周围出现一个难看的蓝色边框,这个要怎么去掉呢?其实只要在css那边添加一个outline这个属性,就会使input在点击的时候去掉边框?outline:medium。

关于一些分隔符以及表格

Continue Read..
关于一些分隔符以及表格 最近刚开始学习切片等,也不算是最近刚开始学习,就是挺久之前也有做,但是一直没有动手去做,这个可以看成眼高手低吧,都没去动手做,一直都是在看理论,没动手去做当然是一直发现不出有什么问题,最近刚开始动手做,发现问题倒是不少,就拿一些比较典型的来说吧。 首先还是那个一些底部的分隔符,本来以为直接用一个一像 ..

文字无法居中

Continue Read..
文字无法居中 有时候在用P标签或者span标签的时候总是无法让里面的文字进行居中,设置margin和text-aline等都是毫无效果的。这个主要原因还是可能没有定义该块的大小,就是宽度和高度,然后可以把快的display进行block设置,这个时候再进行text-aline:center进行设置一般就会有效果了!