css
-
对CSS继承的深度解析
我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。 但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。 很幸运的是，已经有一项叫做 CSS 的技术，就是特意设…
-
CSS外边距(margin)重叠及防止方法
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去…
-
CSS选择器的简单介绍
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 选择器权重 如果以4位数表示选择符权重，那么： 元素选择器的权重是1； id 选择器的权重为100； 立即学习“前端免费学习笔记（深入）”； class类选择器的权重为10； 内联style（JS操…
-
浅析CSS中的浮动与清理
作为前端写了很多页面布局，但是浮动这块一直是我似懂非懂的盲点，一方面用浮动能实现很多布局，另一方面浮动造成的影响又会破坏布局让人头疼，所以今天就特地写篇博文解决这块盲点。 本文主要讨论以下几个问题：1.浮动的原始用途2.浮动为什么会有文本环绕效果3.如何清理浮动造成的影响 浮动的原始用途 以下内容来…
-
CSS实现Tab布局的示例代码分享（图）
下面小编就为大家带来一篇CSS实现Tab布局的简单实例(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧 一、布局方式 1、内容与tab分离 内容1 内容2 内容3 内容4 内容1 内容2 内容3 内容4 ul,li{ margin:0; padding:0; l…
-
CSS命名及其书写的规范化
CSS命名规范 一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer…
-
用CSS hack技术解决浏览器兼容性问题
什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack 形式 CSS Hack大致有3种表现形…
