css
文章平均质量分 95
jizhen_tan
公众号:菜鸟学前端
展开
-
CSS-清除浮动
什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。引用W3C的例子,news容器没有包围浮动的元素。.new原创 2016-04-04 22:27:19 · 1149 阅读 · 0 评论 -
文章标题
前言总括: 本文通过实例讲解CSS中最大的难点之一,行内元素的布局,主要是挖掘line-height和vertical-align两个属性在布局方面的使用。原文博客地址:深入理解行内元素的布局知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书)博主博客地址:Damonare的个人博客白茶清欢无别事,我在等风,也在等你。��正文讲道理line-height和vertical-alig原创 2017-10-29 17:47:38 · 1471 阅读 · 0 评论 -
从CSS盒子模型说起
前言总括: 对于盒子模型,BFC,IFC和外边距合并等概念和问题的总结原文地址:从CSS盒子模型说起知乎专栏:前端进击者博主博客地址:Damonare的个人博客为学之道,莫先于穷理;穷理之要,必先于读书。正文 CSS盒子模型是CSS基础中的基础,个人之前对于这块的理解有偏差,由于涉及知识点比较多所以写一篇总结备忘。 之前打算的是两周一次更新博文的,但是时间用在了刷题上,做了很多lee原创 2017-07-12 14:16:16 · 828 阅读 · 0 评论 -
CSS三栏布局的四种方法
前言总括: 不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的,也许你不知道什么事三栏布局什么是两栏布局但实际已经在用,或许你知道三栏布局的一种或两种方法,但实际操作中也只会依赖那某一种方法,本文具体的介绍了三栏布局的四种方法,并介绍了它的使用场景。原文地址:CSS三栏布局的四种方法知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书)博主博客地址:Damonare的个人博客年原创 2016-12-07 22:25:39 · 1654 阅读 · 0 评论 -
详解javascript的类
前言生活有度,人生添寿。原文地址:详解javascript的类博主博客地址:Damonare的个人博客 Javascript从当初的一个“弹窗语言”,一步步发展成为现在前后端通吃的庞然大物。javascript的受欢迎程度也是与日俱增,今年最受欢迎编程语言又是花落javascript,这实在是一个充满了活力的语言。如今,随随便一个网页javascript代码量都不下数千行,要是node后端那原创 2016-11-01 20:56:38 · 846 阅读 · 0 评论 -
从隐藏元素谈起
前言 说起隐藏元素我想每一个前端er都能说起几种,但能说全的我想就不是很多了。博主总结了几种隐藏元素的方法,总结如下表格: overflow opacity visibility display position clip(clip-path) z-index 属性值 hidden 0 hidden none absolute re原创 2016-08-16 14:36:53 · 1645 阅读 · 0 评论 -
Hexo+Github pages折腾记
如果时间可以静止,我希望就停在此刻。前言 博主之前也有折腾wordpress和jekyll可对于一个前端er来说,wordpress让人没法尽兴,因为不知道该如何添加自己的代码。而jekyll就太麻烦了每一次都需要重新提交,而且样式也不是很丰富,简直就和鸡肋一般。食之无味,弃之可惜。之前有听说过Hexo这个博客框架,但一直没时间给自己搭一个,其实平时也有注意到很多大牛的博客是很绚丽的,却不知原创 2016-09-06 16:30:01 · 2314 阅读 · 1 评论 -
漫谈前端之路
前言 前端之路何其漫漫~ 说明:本篇文章原是写给学弟学妹的,但想来花的功夫确实不少,就把此篇文章当做自己的一个阶段性总结文章了,会保持长期更新。HTML 总的来说HTML并不难,甚至可以说很无脑……HTML的标签个人觉得过一遍就得,知道什么时候该用什么标签就可以了,因为在以后的开发中打交道最多的就是各种各样的标签,想不熟都难。就像现在我写这篇文章用的Markdown一样,只是几个标原创 2016-06-13 22:45:33 · 8966 阅读 · 11 评论 -
聊聊clip-path
前言 图片是一个网站必不可少的元素,而呈现出绚丽多彩的图片效果在很多情况下不仅仅是设计师的工作,通过代码来修饰图片也是一个前端工程师必备的技能。因为兼容性的问题,实际项目中可能用的比较少,包括博主自己也只是用过几次剪切,很多情况下都交给设计师去做了。但作为一个hacker怎么能满足于此呢,必须深入探究!正文Flilter filter有十种特效来处理图片,博主只放几种特效的样例给大家看一下原创 2016-09-10 18:38:15 · 4405 阅读 · 1 评论 -
深入理解行内元素的布局
前言总括: 本文通过实例讲解CSS中最大的难点之一,行内元素的布局,主要是挖掘line-height和vertical-align两个属性在布局方面的使用。原文博客地址:深入理解行内元素的布局知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书)博主博客地址:Damonare的个人博客白茶清欢无别事,我在等风,也在等你。��正文讲道理line-height和vertical-alig原创 2017-10-29 17:49:16 · 1108 阅读 · 0 评论