最新消息:文章中包含代码时,请遵守代码高亮规范!

标签:网页布局

css清除浮动的三种方法【转载】

HTML+CSS anne 2年前 (2015-06-04) 1410浏览 0评论

CSS清除浮动的方法有哪些呢?经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,清除浮动是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。 下面看今天的教程,此为未清除浮动源代码,运行代码无法查看到父...

js获取浏览器信息【转载】

JavaScript anne 2年前 (2015-05-22) 1236浏览 0评论

一、收集浏览器信息 用户使用什么样的浏览器都可以推测出用户的一些习惯和属性,那么现在介绍一些获取浏览器信息的方法。 获取浏览器的版本和名称 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var browser_name...

文字根据页面大小弹性变化

HTML+CSS Gordon 3年前 (2014-10-17) 2128浏览 0评论

页面写的文字,会根据页面的大小进行百分比的变化,那么就要用到em这个单位,来对平常我们用的固定单位px进行转换。为了方便,打开计算器吧。。下面来举例: <html> <head> <meta char...

让透明框上的内容不透明

HTML+CSS Gordon 3年前 (2014-09-18) 1810浏览 0评论

对于透明div为父元素,下面所有子元素都会根据父元素变的透明,不管你在下面将opacity属性改为1也好,都没有效果,那么让透明框上的内容变为不透明,就要用到2个同级div,其中一个用position:absolute;这样再进行定位。 <...

8种布局方案改善你的设计

UI设计 Simon 3年前 (2014-09-12) 1550浏览 0评论

内容组织可能对于任何好的网页设计都是最重要和最有影响力的方面。把信息组织在一个构造精美的布局里是一个网站的根基, 应该在考虑风格设计之前弄清楚。 如果没有一个好的布局, 网站看起来好像没有正确地流向,没有连接方式。 在这篇文章中, 我们将讨论八种有用...

搜索框代码

HTML+CSS Gordon 3年前 (2014-09-11) 1916浏览 0评论

这几天自己写代码经常碰到搜索框 的问题,尤其是搜索框按钮图片代替的问题,还有如何定位的问题。下面放个模板。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN&quo...

网站CSS选择器性能讨论

HTML+CSS Gordon 3年前 (2014-09-05) 1741浏览 0评论

CSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS选择符,从而加快页面的渲染速度,缩短页面呈现时间。 我们先来看一下sa...

浅析网页设计中的分割布局

UI设计 Rupert 3年前 (2014-08-02) 1552浏览 0评论

  作为网页设计师,我们可以参考的设计范例和布局原则有很多,比如说:栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。 虽然在...