![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 82
yuanmei1986
这个作者很懒,什么都没留下…
展开
-
前端基础知识
前端基础知识Nicholas C. Zakas 博文中提到了前端工程师必须想都不用想都能知道的web开发常识 : * DOM structure - how nodes are related to one another and how to traverse from one to the next. * DOM manipulation -转载 2015-12-28 10:58:49 · 319 阅读 · 0 评论 -
CSS 巧用 :before和:after
前几天的晚上较全面的去看了下css的一些文档和资料,大部分的样式运用都没什么大问题了,只是有些许较陌生,但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多,主要是针对:before和:after写一些内容,还有几个小样式略微带过的介绍下。什么是:before和:after? 该如何使用他们?:before是css中的一种伪元素,可用于在某个元素之前插入某些内容。转载 2016-02-21 21:24:56 · 905 阅读 · 0 评论 -
CSS如何解决子元素越界
1.补充:CSS中盒子模型的计算方式 .box {box-sizing: content-box / border-box; }content-box:一个盒子的总宽=margin+border+padding+width,即width只是指盒子中内容的宽度border-box: 一个盒子的总宽=margin+width,即width是内容、padding、border的原创 2016-02-21 22:50:34 · 4575 阅读 · 1 评论 -
学习使用:before和:after
原文出处: smashingmagazine 译文出处:w3cplus-胡均 欢迎分享原创到伯乐头条如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元素。Nicolas Gallagher使用伪元素用静态的HTML转载 2016-02-21 23:06:17 · 569 阅读 · 0 评论 -
你所不知的 CSS ::before 和 ::after 伪元素用法
博客分类: Div / Css / XML / HTML5 CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是转载 2016-02-23 21:41:40 · 424 阅读 · 0 评论 -
【转】史上最全的CSS hack方式一览
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2016-02-29 12:38:36 · 323 阅读 · 0 评论