下列样式规则可用于最小化各浏览器标签样式的不一致性。注意：实际使用时应该对其进行适当的调整，以适应项目要求。/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1,
原创
2022-03-29 14:44:43
117阅读
前言 每当来个需要既要水平排版又要设置固定高宽时，我就会想起display:inline-block，还有为了支持IE5.5/6/7的hack*display:inline;*zoom:1;。然后发现盒子间无端端多了个不可选的空白符，于是想尽办法修复这个bug。
直到一天拜读了@一丝姐、@HAX等高人的秘笈后才顿悟，原来我错了。那不是bug，是我不懂而已。先行者——IE5.5中的
原创
2022-03-24 11:45:23
151阅读
《CSS 揭秘》是一本由希腊前端大师 Lea Verou 所著的 CSS（层叠样式表）专业书籍。Lea Verou 不仅是 W3C CSS 工作组的特邀专家，设计 CSS 语言的委员之一，还在麻省理工学院从事人机交互领域的研究，同时她还是一位广受欢迎的博客作家和国际性技术会议的讲师。内容概述《CSS 揭秘》深入剖析了 CSS 的多个高级特性和技巧，全书通过丰富的案例和实践，引导读者循序渐进地探寻更
原创
2024-08-19 21:26:11
76阅读
CSS 是前端开发的重要基础之一，掌握它不仅能让网页更美观，还能让用户体验更流畅。然而，对于初学者来说，CSS 可能会因为规则繁多而感到复杂。本文将通过简单清晰的示例，帮助你从基础入手，逐步掌握 CSS 的核心技巧，并为成为 CSS 高手打下坚实的基础。
在《从零到高手：揭秘 CSS 的魔法世界（一）》中，我们学习了 CSS 的基础知识以及一些常用的样式技巧。接下来，在本篇中，我们将深入探索一些进阶的 CSS 技术与应用，让你更进一步掌握 CSS 的魔法，为前端开发增添更多创意。
前言 Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。Flex就这么简单浏览器兼容性 一说到兼容性就是永远的痛，不过幸运的是只要在IE10加-ms-前缀就可以用啦_涉及的对象 Flex布局主要是操作Flex Container 和 Flex Item
原创
2022-03-24 10:33:50
218阅读
其实我最开始学会的语言是HTML，我记得那还是大一的事情。当时我对床的兄弟DR放了一本HTML的书在床上，我因为没事就拿来看看。那本书大概只有50页左右，可是可以说如果没有这本书，今天Maybe我不会成为一个软件工程师。后来我学习了Flash, DHTML和CSS，不过当时学得CSS和DHTML只是...
转载
2014-07-23 14:25:00
78阅读
第一章 引言 css编码技巧 在引言中，作者提到使用em与inherit来实现css代码的简洁与可维护性。但是根据本司机两年的开发经验来看，在实际开发中很少来使用em这个单位。如何用以及何时去使用，还是要根据实际开发需求来定吧，毕竟这两个属性都有一定的局限性。 第二章 背景与边框 半透明边框 bor
转载
2020-06-01 13:11:00
104阅读
2评论
一、Position各属性值详解 1. static ：默认值，元素将按照正常文档流规则排列。 2. relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置。  
原创
2022-03-29 14:04:57
208阅读
一、前言 文字承载着站点内涵，而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容，若有纰漏请大家指正，谢谢！ 目录一坨: 二, 字体分类 1. 衬线体(Serif)
原创
2022-03-29 14:57:48
338阅读
前言 在《CSS魔法堂：Transition就这么好玩》中我们了解到对于简单的补间动画，我们可以通过transition实现。那到底多简单的动画适合用transtion来实现呢？答案就是——我们只需定义动画起始和结束帧的状态的动画。一旦关键帧数大于2时，我们必须转向CSS Animation了。本文为这段时间学习的记录，欢迎拍砖。简单粗暴介绍CSS Animation 规则和属性定义关键帧动画
原创
2022-03-24 10:31:16
313阅读
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。
转载
2013-11-29 14:19:00
136阅读
2评论
很神奇的背景设置， 看代码， 会产生这种效果的背景。 查看浏览器支持性，www.caniuse.com 可以看出很多浏览器都支持！
原创
2021-08-05 15:45:07
334阅读
CSS是一种用于控制网页外观和格式的样式表语言。它与HTML（超文本标记语言）紧密配合，HTML负责网页的结构，而CSS则负责网页的样式。通过CSS，你可以轻松地改变网页的字体、颜色、间距、布局等，让网页看起来更加美观和专业。
本文讨论的是块级盒子(Block-level box)的盒子模型(Box Model)一、W3C标准的盒子模型 二、IE盒子模型 三、两种模型的区别 W3C标准盒子
原创
2022-03-29 14:02:27
79阅读
前言 以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。属性介绍 首先先我们简单粗暴了解transition属性吧！transition: <transition-property> <tran
原创
2022-03-24 10:31:48
252阅读
