2017-07-25 ▪ 技术文章
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢...
2017-07-14 ▪ 技术文章
一、框架 页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。 二、布局（以下用#ID表示页面元素） #Head和#Foot里的就不说了，具体查看演示页面源...
2017-07-10 ▪ 技术文章
Bootstrap是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。
2017-06-29 ▪ 技术文章
实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。方法一以下为引用的内容：#div:hover{background:#000000;}解释:鼠标经过id为div的元素时背景变色IE6.0、Firefox2.0、Opera9.23都不行方法二以下为引用的内容：
2017-06-23 ▪ 技术文章
很多人一般都这样写的，当然这样写并没有什么语法错误。但对于div来说有个原则，那就是尽少的使用div的嵌套（和table一样的缺点：1、对于用户：浏览器要消耗资源对嵌套的关系进行解析，影响速度；2、对于搜索：搜索引擎对嵌套的层数可能有所限制...
2017-06-22 ▪ 技术文章
一、盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;你可以简写成：margin:1px2px3p...
2017-06-21 ▪ 技术文章
题就是不同浏览器之间的兼容问题。由于IE并不严格执行W3C标准，而又几乎垄断了浏览器市场。所以作为一名合格的网站制作人员，必须要针对不同的浏览器进行微调。实现不同浏览器之间兼容的方法有很多，比如利用JS探测用户的浏览器类型，从而调用不...
2017-06-20 ▪ 技术文章
css初学者在刚开始用div+css布局的时候，常常被一个问题所困扰：当定义一个属性时，是使用id，还是使用class？在这我谈下自己在工作中对id和class的使用原则。希望对初学者有所帮助。［b］id的使用原则［/b］我们知道id具有唯一性，也就是说在整...
2017-06-19 ▪ 技术文章
1.position:static所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定position:static，除非想要覆盖之前设置的定位。#div-1{position:static;}2.position:relative如果...
2017-05-13 ▪ 技术文章
网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络...
