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多个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{ …
-
css控制强制换行解决方法
一、发现问题一般情况下，元素拥有默认的white-space:normal（自动换行，不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器…
-
详解dreamweaver格式化CSS代码
今天发现dreamweaver里能格式化css代码，这样代码就不会那么乱了，应为在网站改版时，发现原来的css代码大小写很不一致，格式化和缩进也不一致。用dreamweaver格式化方便多了。 格式化CSS： 第一步：在编辑–首选参数–代码格式–选择CSS按…
-
CSS显示隐藏滚动条实例代码
frameset框架下显示隐藏滚动条 scrolling=”Auto” YES 表示要显示卷轴 NO 表示无论如何都不要显示卷轴 AUTO 视情况而定。 立即学习“前端免费学习笔记（深入）”； —…
