HYeeee的博客

写css的时候碰到一个神奇的问题，first-child生效、但last-child失效。 观察样式和代码结构如下： <div class="c0"> <div class="c1"></div> <div class="c1"></div> <div class="loading"></div> </div> .c0 .c1:last-child { padding: 10px; }

css中共有三种定位机制： 正常的文档流 float postion 脱离文档流的定位机制有： float position：absolute position：fix 1、概念： 文档流（normal flow），也译为正常流、普通流，指从左到右，从上到下布局，符合html中标签本身含义的布局。是相对于盒子模型讲的。 文本流（text flow）是指html文本...

一、display //隐藏、不占据空间（在文档流中） display: none; //显示 display：block; display：inline; 二、visibility //隐藏、但仍占据空间（在文档流中） visibility: hidden; //显示 visibility：visible; 三、jQuery中的hide()和show() jQuery中的h...

1、:nth-child(n)、:nth-last-child(n) p:nth-child(2) {……} 菜鸟教程解释：选择所有p元素的第二个子元素 但给的例子实现中，我认为应该解释为：改变第二个元素且元素为p的样式。若p父元素的第二个子元素不是p，那么这个样式无效。而不是教程中所说的所有p元素的第二个子元素。 p:nth-last-child(2){……} 改变倒数第2个且元素...

记录一些被我忽略的的标签属性。顺便试一下gif。 1、marquee标签 HTML标准中已经废弃marquee标签了，但看都看到了。所以干脆记一下吧。marquee是由微软提出，后来逐渐被各个浏览器所支持，缺点是兼容性不太好，而且这种滚动的效果实在不符合页面的友好性了。 属性： behavior="滚动方式" : scroll（默认，循环）、alternate（循环往返）、slide...

记录一下后代选择器和子元素选择器区别，好吧，只是为了炫耀一下沈美人！ CSS代码： 后代选择器：用于指定元素所有的后代元素 //选择div下所有的span元素，无论层级 div span { color: red; } 子元素选择器：用于选择元素指定类型的所有的后代元素 //选择div下一级的span元素 div&gt;span { color: red; } ...

1、CSS盒模型 css盒模型由四部分组成：margin、border、padding、content。 外边距+边框+内边距+内容。我们设置的width和height都是内容的大小，从而影响整个盒子的大小。 盒子的占位大小包括margin，但盒子的尺寸不包括margin。比如 盒子的高度： border-width + padding-top +height+ padding-bot...

大佬的博客：https://css-tricks.com/centering-css-complete-guide/

height：返回元素内容的高度。（根据是不是怪异盒子模型计算高度） offsetheight：它返回的高度是内容高+padding+边框。 clientHeight：在页面上返回内容的可视高度（不包括边框，外边距或滚动条）。 scrollHeight：返回整个元素的高度，即不设置高度时的，content高度+padding高度。其实就是展开后的clientHeight 这个content设...