随笔分类 - (X)HTML/CSS
(X)HTML/CSS
摘要：
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则，希望这些原则能帮助您更好的书写和管理您的CSS代码：
1. 使用Reset但并非全局Reset
2. 良好的命名习惯
3. 使用代码缩写
...
13. 代码压缩
阅读全文
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则，希望这些原则能帮助您更好的书写和管理您的CSS代码：
1. 使用Reset但并非全局Reset
2. 良好的命名习惯
3. 使用代码缩写
...
13. 代码压缩
阅读全文
摘要：
本教程将分步讲解如何使用JQuery和CSS打造一个炫酷动感菜单。jQuery的"write less, do more"的特性可谓是家喻户晓，即使没有很丰富JS编程经验的人，也可以通过其提供的API很快学会如何使用，本文将分三步讲解如何实现一个动态下滑菜单。
Step1 - HTML结构
Step2 - CSS样式
Step3 - JavaScript代码
阅读全文
本教程将分步讲解如何使用JQuery和CSS打造一个炫酷动感菜单。jQuery的"write less, do more"的特性可谓是家喻户晓，即使没有很丰富JS编程经验的人，也可以通过其提供的API很快学会如何使用，本文将分三步讲解如何实现一个动态下滑菜单。
Step1 - HTML结构
Step2 - CSS样式
Step3 - JavaScript代码
阅读全文
摘要：
近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。
这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。
关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。
阅读全文
近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。
这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。
关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。
阅读全文
摘要：
面试某公司的时候，面试官问到，导致浏览器崩溃的原因有哪些？愚辈不才，仅回答出了内存泄漏。其实在网页在装载的过程中，常常由于种种原因使浏览器的反映变的很慢，或造成浏览器失去响应，甚至会导致机器无法进行其他的操作。
对于访客，如果登录您网站，浏览器就立刻崩溃，我想这对谁都是无法容忍的，对此总结了网站导致浏览器崩溃的原因：
1. 内存泄漏
2. 网页代码复杂和浏览器bug
p class="mk_titl
阅读全文
面试某公司的时候，面试官问到，导致浏览器崩溃的原因有哪些？愚辈不才，仅回答出了内存泄漏。其实在网页在装载的过程中，常常由于种种原因使浏览器的反映变的很慢，或造成浏览器失去响应，甚至会导致机器无法进行其他的操作。
对于访客，如果登录您网站，浏览器就立刻崩溃，我想这对谁都是无法容忍的，对此总结了网站导致浏览器崩溃的原因：
1. 内存泄漏
2. 网页代码复杂和浏览器bug
p class="mk_titl
阅读全文
摘要：
浏览器兼容可以说是前端开发所要面对的第一个挑战，目前我的电脑上已经安装了6种浏览器（基于IE内核的不算，如Maxthon等）。
CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则。实现浏览器兼容主要有两种方式条件样式表和CSS Hacks（Selector Hacks、Attribute Hacks）。对此根据一些资料汇总了一些CSS Hacks方法。
文章的主要内容包括：
1.条件样式表2.选择器Hacks（Selecto
阅读全文
浏览器兼容可以说是前端开发所要面对的第一个挑战，目前我的电脑上已经安装了6种浏览器（基于IE内核的不算，如Maxthon等）。
CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则。实现浏览器兼容主要有两种方式条件样式表和CSS Hacks（Selector Hacks、Attribute Hacks）。对此根据一些资料汇总了一些CSS Hacks方法。
文章的主要内容包括：
1.条件样式表2.选择器Hacks（Selecto
阅读全文
摘要：
这篇文章是5个你应该很熟悉的有用的CSS属性，但很可能会很少使用。我不是在谈论新的设想的CSS3属性。我指的是旧的CSS2中的属性，如：clip, min-height, white-space, cursor, 和 display，这些被所有的浏览器广泛支持。所以，不要错过这篇文章因为你可能会惊讶他们是多么有用。
本文的主要内容有：
1.CSS Clip
2.Min-height
3.White-space
4. C
阅读全文
这篇文章是5个你应该很熟悉的有用的CSS属性，但很可能会很少使用。我不是在谈论新的设想的CSS3属性。我指的是旧的CSS2中的属性，如：clip, min-height, white-space, cursor, 和 display，这些被所有的浏览器广泛支持。所以，不要错过这篇文章因为你可能会惊讶他们是多么有用。
本文的主要内容有：
1.CSS Clip
2.Min-height
3.White-space
4. C
阅读全文
摘要：
盒子模型（Box Model）是从CSS诞生之时便产生的一个概念，对网页中的大部分对象，实际呈现形式就是一个盒子形状对象（即块状对象），对于这个基础又重要的概念，只要掌握盒子模型的尺寸及占位的标准技术方法，那就可以灵活驾驭盒子模型了！
阅读全文
盒子模型（Box Model）是从CSS诞生之时便产生的一个概念，对网页中的大部分对象，实际呈现形式就是一个盒子形状对象（即块状对象），对于这个基础又重要的概念，只要掌握盒子模型的尺寸及占位的标准技术方法，那就可以灵活驾驭盒子模型了！
阅读全文