css
-
CSS排版页面实例代码
创建css文件如下： @charset “utf-8”;/* CSS Document */*{ margin:0px; padding:0px; border:0px;}#box{ width:1100px; height:760px; margin:auto;}#hen{ width:1100p…
-
CSS 继承深度解析
我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。 但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。 很幸运的是，已经有一项叫做 CSS 的技术，就是特意设…
-
css预处理语言的模块化实践
编写css是前端工作中，一项普通而又频繁的劳动，由于css并不是一门语言，所以在程序设计上显得有些简陋。对于小型项目来说，css的量还不至于庞大，问题没有凸显，而如果要开发和持续维护一个较为大型的项目，那就需要对css进行管理和规范了，否则会发生不可挽回的后果（吓唬谁呢？？）。 背景 上一节【从cs…
-
使用CSS解决高度自适应问题
高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用css，难度不小，比如下面我要说的例子。 需求： 1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 立即学习“前端免费学习笔记（深入）”； HTM…
-
详解CSS BOX类型和display属性
box类型会影响呈现和布局, 基本的box类型有两种: 块级(block-level)和行内级(inline-level). 事实上还有其他类型的box(如table, list-item等), 不过最终都会当作块级box或者行内级box来处理. 块极BOX的特征是从新的一行开始内容, 并且能包含其…
-
CSS样式权值的详细介绍
内联样式表(InLine style)>内部样式表(Internal style sheet)>外部样式表(External style sheet)例外：但如果外部样式表放在内部样式表下边引用,则外部样式表>内部样式表;1,内联样式表权值为1000;2,ID选择器的权值为100;…
-
使用css解决png透明图片在ie6正常显示的方法
很久没写css了，遇到一个png透明logo折腾了我很久，也怪以前的页面直接不考虑透明的问题。在网上找到几种办法，有用css实现的，有些是用js实现，用js感觉大材小用了，能用纯css解决就css吧，这里感谢蓝莓公主的帮助。以下的两种方法都是尝试过可行的，不过在我的虚拟机下的ie6图片完全透明了，不…
-
css多个div浮动float高度自适应的两种方法
css多个div float并排，高度都自适应（自增） 采用 Div + CSS 进行三列或二列布局时，要使两列（或三列）的高度相同，用 Table 很容易实现，但采用 Div + CSS 就显得比较麻烦了。按照一般的做法，大都采用背景图填充或 JS 脚本的方法使高度相同。 方法一：纯css解决办法…
-
CSS缩小窗口时背景图出现右侧空白解决方法
小窗口时css背景图出现右侧空白bug的解决方法（兼容各浏览器） 解决办法： 在css内加入如下两行代码，让它自己判断： width:expression(document.body.clientWidth min-width:960px; 立即学习“前端免费学习笔记（深入）”； 即： .top{ …
