css tagged posts

html/width自动适应手机屏幕大小/宽度效果的实现web网页设计/css控制方法

为不同的设备提供不同的网页,没有直面问题的根 本,从另一个思路去化解了它。比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了浏览效果,但是却增加了网站运营和维护的成本。因为,不同的版本对应了不同的程序、服务器。这些都是需要人力物力去维系 的!

为继续尝试从根源上化解这个难题,很早之前就开始有人设想,能不能让我们的网页做到”一次设计,普遍适用”,让同一...

继续阅读

通过Mac Safari前端开发/远程调试测试iPhone/iPad上的网页 – javascript/css完美解决方案

在日趋现代化的 Web 网络中,各种现代浏览器和移动终端设备的用户百分比越来越高。对于我们 Web 前端开发者来说,运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的。然而当我们需要对前端页面进行测试调试时,桌面版 Safari 的表现并不是与移动版 Safari 一模一样的(主要缘起 CSS 中 device-width 的判断),因此我们只能直接在 iOS 设备...

继续阅读

html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法

最近在做一个div css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先:
一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的 话,两个浏览器下会有区别,具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉,不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的<div class=”clear”></div>放在所有浮动div的最下方。...

继续阅读

开源中最好的Web-html-css-javascript开发资源网站和资料信息

学习HTML 5编程和设计

继续阅读

CSS布局负Margin负边距(negative margin)自适应布局负值在页面中的应用

现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。

负margin理论:

在说明什么是负margin之前,你得清楚margin是个啥么玩意,为了形象、易懂的解释负margin,我们将引入W3C上没有的参考线的说法。何谓参考线?参考线就是 m...

继续阅读
Top Down