css笔记
文章平均质量分 94
RockyHills
这个作者很懒,什么都没留下…
展开
-
css选择器详解
1、元素选择器2、类选择器3、ID选择器4、属性选择器5、派生选择器1、元素选择器最常见的css选择器当属元素选择器了,在HTML文档中该选择器通常是指某种HTML元素,例如:p,h2,span,a,div乃至html。用法十分简单,例如:html {background-color: black;}p {font-size: 30px; backgroud-color: gray;}原创 2016-05-23 11:08:10 · 12865 阅读 · 2 评论 -
css浮动基本规则
说到元素的浮动,首先要明确一个概念就是包含块(containing block)。所谓浮动元素的包含块,就是其最近的块级祖先元素。我们后面会举例来说明。这里关于浮动的问题,主要有以下几点:1、浮动元素的外边界不能超过其包含块的内边界。2、浮动元素的外边界是另一浮动元素的外边界。3、浮动元素的顶端不能比之前出现的浮动元素的顶端更高。4、浮动元素顶端不超过当前行。5、clear属性。1、浮动原创 2016-06-11 21:33:53 · 8063 阅读 · 0 评论 -
利用css的target选择器实现纯css相册
在看CSS选择符的时候注意到一个特别有意思的选择符–:target,随后在http://benschwarz.github.io/gallery-css/发现利用该选择符可以做出如此漂亮的gallery,干净利落无需js代码(强迫症及完美主义必备),网站上有一套讲解教程,但是是付费的。今天把我实现的过程以及某些细节分享出来,供学习使用。在开始之前强烈建议先看一下css必会选择符我这里有一个在线预览原创 2016-11-21 12:29:32 · 2272 阅读 · 0 评论 -
css选择器拾遗
前言:说大量学习‘前端’的人CSS选择器水准停留在元素选择、类选择、ID选择、简单的属性选择、:hover以及后代选择器是不过分的。很多人觉得类似~、+这种同辈选择符不过是鸡肋一般的存在,实际上随着CSS3的兴起,CSS已经能够承担大量之前必须依靠js才能完成的页面效果,有些效果让你难以置信,而且美得没话说。纯CSS代码不仅有更好的性能,而且解救了一大批强迫症。这一切的基础都在于CSS选择器,请认真原创 2016-11-21 12:15:50 · 866 阅读 · 0 评论