利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。) 方法一 这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align proper...
HTTP方法中两种最常用的 HTTP 方法是：GET 和 POST。 一什么是 HTTP 超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。HTTP 的工作方式是客户端与服务器之间 的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。 客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能 被请求的内容。 ...
使用Document方法body{font-size:14px; line-height:30px; }input{margin:1px; width:90px; font-size:12px; padding:0; }#node{ width:100px; font-size:24px; font-weight:bold; float: left; }
聊一聊CSS方法论 原文链接：[A Look at Some CSS methodologies]() CSS在大型，复杂，快速迭代的系统中难以管理的程度是出了名的。 其中一个原因是CSS缺少内置的作用域管理机制。在CSS中，所有的一切都是全局的，这意味着任何你所做的改变都有可能层叠或者改变完全没有相关的那部分UI。 扩展的CSS语言，也称作CSS预处理器，比如说Sass，Less和Stylus，通过增加一些新的特性让写CSS代码变得更简单一点。但是就算有这...
问题：IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。 定位过程： 其实开始拿到问题时是无从下手，不知所以然，根本就没听说还有media这个CSS属性，就更不知道它的功能了。但是对于解决UI问题，有自己的一套思路，就是首先要思考为什么会错误以及为什么没有错误两个方面，然后针对这两个方面的疑问把html或js或css文件简化再简化，修改再修改，查看UI变化，从而缩...
xhtml中隐藏滚动条 在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个 bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案， 方法1: 代码： 程序代码 html { overflow-y: scroll; } 原理：强制显示ie的垂直滚动条，而忽略水平滚动条 优点：完全解决了这个问题, 允许你保持完整的XHTML doctype. ...
经常看到别人的网站有个边框来修饰文字区域，类似圆角矩形把文字环绕起来，特别有感觉，于是就试着用图片边框来修饰，但是用图片过多会拉慢网页的加载速度，能不能使用css3来实现边框圆角效果呢？当然border-radius要在firefox或Safari 和 Chrome才能实现 W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也通过私有属性实现了该功能： ...
让IE（ie6/ie7/ie8）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。 方式一：引用google的html5.js文件，代码内容可以自己下载下来看。 将以上代码放到head标签区间 方式二：自己coding JS搞定。 ...
这次介绍一下一个水平垂直居中的css方法，这个方法可以说是百试百灵，废话不多说，直接附上代码： html,body{ width:100%; height:100%; } 你需要居中的元素{ position: fixed;(absolute) left:50%; top:50%; -webkit-transform: translate(-50%,-50%); } 他的父元素{ position: relative; width:100%; height:100%; } ...
需要加个相对定位 position:relative;
对一名前端来说，改页面的过程总是痛苦的，产品经理说要加个点击样式，于是加active的class，本来以为这样就OK了，没想到电脑上ok，本地测也是ok的，tomcat上一跑就没效果了。我甚至把! important也加上去了也没效果，于是就网上寻找答案，以下列出2种亲测有效的解决方法。 一个方法是把a原样式写上。 a{color: red;}a:hover{color: blue;} 但是这种方法对于后来加class的人就不方便了，其实还有一个更简便的方法：在bo...
目录 [1]定义 [2]案例效果 [3]切图 [4]实现 三层嵌套 两层嵌套 绝对定位 [5]效果 定义 在border-radius出现之前，实现圆角效果使用的是滑动门。滑动门是利用背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。 案例效果 切图 实现方法 滑动门的实现共三种方法：三层嵌套、两层嵌套和绝对定位。 三层嵌套 ...
在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。 不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）： 加入 table 标签 设置 display;inline 方法 设置 position:relative 和 left:50%; 第一种方法： 第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包...
今天在写网页时发现居中是个让人头痛的事，所以我通过网上和自己的用法来总结我目前所知的解决居中问题的办法： 1.text-align: center 需要在父元素上设定,只能是文字或行内元素而且不能是浮动元素 .div1{ text-align: center; } text-alignf 2.margin：0 auto 需要在子元素上设定，只能是块级元素而且不能是浮动元素 .div2 div{ margin: 0 au...
目录 [1]contenteditable [2]execCommand() 段落格式 文本格式 编辑 图片 [3]富文本编辑器 前面的话 HTML5新增contenteditable全局属性，通过此属性与document.execCommand()方法来制作富文本编辑器 contenteditable属性 作用：指定是否可以在浏览器里编辑内容 值：true/false 注意：设置document.designMode =on时，页面的任意位置都可以编辑；使用cont...