欢迎光临
Merrier的个人博客

标签:CSS

CSS

关于CSS Reset那些事

merrier阅读(365)评论(0)

CSS Reset css reset,顾名思义,就是重置样式。那么为什么我们需要重置样式呢,这一切还要“归功于”前端领域的特点,就是跨平台、跨客户端;众所周知,现在所使用的主流浏览器对于一些标签的默认属性并没有做到统一,所以我们有时候会发...

CSS

读书笔记系列(8)——CSS Secrets

merrier阅读(525)评论(0)

写在前面 这本书被誉为近十年来最出色的一本CSS相关书籍,作者是被誉为"CSS一姐"的Lea Verou,是W3C CSS工作组特邀专家,而我看的是这本书的译本(翻译为CSS揭秘),作者叫张鹏,是百姓网的前端架构师;译者翻译的不错,同时还加...

CSS

CSS布局问题总结

merrier阅读(426)评论(1)

本文主要对CSS中常见的布局问题进行了总结,同时提供了解决方案和一些参考链接,涉及到三栏式布局(圣杯、双飞翼),居中布局等等;感兴趣的童鞋可以点击来源链接查看原文,因为本文是基于原文进行整理的,所以内容会比原文精简。 基础知识 学习CSS布...

CSS

纯CSS实现自适应正方形

merrier阅读(1008)评论(0)

写在前面 首先,自适应正方形是指宽度和高度随着屏幕宽度(不管是移动端还是PC端)进行等比例变化的正方形,在处理移动端页面时,我们有时会需要将banner图做成与屏幕等宽的正方形以获得最佳的体验效果,如Flipbord的移动页面,而在PC端,...

CSS

CSS深入理解之border

merrier阅读(393)评论(0)

1.不支持百分比单位的属性 border-width outline box-shadow text-shadow 2.border-width支持关键字 thin-->1px medium(默认值)-->3px thick--...

系列专栏

CSS深入理解系列

merrier阅读(419)评论(0)

此系列的文章是我对张鑫旭的讲解的总结,张鑫旭作为最早就研究前端的代表人物,其对html以及css的理解很深刻,所以他的系列文章“深入理解CSS”是一个不错的前端基础教材,虽然我将其讲解进行了总结,但是还是希望你有时间能够看一下他的视频,风趣...

CSS

CSS深入理解之float

merrier阅读(396)评论(0)

1.float的历史 浮动设计的初衷:实现文字环绕 2.float感性认知 float具有包裹性和破坏性 具有包裹性的小伙伴: display:inline-block/table-cell/... position:absolute(近亲...

CSS

CSS深入理解之overflow

merrier阅读(437)评论(0)

1.overflow起作用的前提 非display:inline水平 对应方位的尺寸限制.width/height/max-width/max-height/absolute拉伸 对于单元格td等,还需要table为table-layout...

CSS

CSS深入理解之absolute

merrier阅读(372)评论(0)

1.超越overflow 独立的absolute可以摆脱overflow的限制,无论是滚动还是隐藏 2.无依赖的absolute 不受relative限制的absolute定位,行为表现上是不使用top/right/bottom/left任...

Merrier一直在努力

QQ联系邮件联系