HTML+CSS
一条大河全靠浪
这个作者很懒,什么都没留下…
展开
-
last-child不生效问题
写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;}原创 2021-08-19 11:36:20 · 5198 阅读 · 1 评论 -
文档流与定位、浮动
css中共有三种定位机制:正常的文档流 float postion 脱离文档流的定位机制有:float position:absoluteposition:fix1、概念:文档流(normal flow),也译为正常流、普通流,指从左到右,从上到下布局,符合html中标签本身含义的布局。是相对于盒子模型讲的。文本流(text flow)是指html文本...原创 2018-04-27 13:30:39 · 294 阅读 · 0 评论 -
display和visibility——可见与不可见
一、display//隐藏、不占据空间(在文档流中)display: none; //显示display:block;display:inline;二、visibility//隐藏、但仍占据空间(在文档流中)visibility: hidden; //显示visibility:visible;三、jQuery中的hide()和show()jQuery中的h...原创 2018-05-25 15:36:42 · 893 阅读 · 0 评论 -
记录几个CSS伪类
1、:nth-child(n)、:nth-last-child(n)p:nth-child(2) {……}菜鸟教程解释:选择所有p元素的第二个子元素但给的例子实现中,我认为应该解释为:改变第二个元素且元素为p的样式。若p父元素的第二个子元素不是p,那么这个样式无效。而不是教程中所说的所有p元素的第二个子元素。p:nth-last-child(2){……} 改变倒数第2个且元素...原创 2018-05-28 14:29:30 · 434 阅读 · 0 评论 -
那些容易被我忽略的HTML标签和属性
记录一些被我忽略的的标签属性。顺便试一下gif。1、marquee标签HTML标准中已经废弃marquee标签了,但看都看到了。所以干脆记一下吧。marquee是由微软提出,后来逐渐被各个浏览器所支持,缺点是兼容性不太好,而且这种滚动的效果实在不符合页面的友好性了。属性:behavior="滚动方式" : scroll(默认,循环)、alternate(循环往返)、slide...原创 2018-07-04 16:47:45 · 507 阅读 · 0 评论 -
CSS——后代选择器和子元素选择器区别
记录一下后代选择器和子元素选择器区别,好吧,只是为了炫耀一下沈美人!CSS代码:后代选择器:用于指定元素所有的后代元素//选择div下所有的span元素,无论层级div span { color: red;}子元素选择器:用于选择元素指定类型的所有的后代元素//选择div下一级的span元素div>span { color: red;}...原创 2018-07-04 16:59:05 · 7094 阅读 · 0 评论 -
CSS盒模型及排版
1、CSS盒模型css盒模型由四部分组成:margin、border、padding、content。 外边距+边框+内边距+内容。我们设置的width和height都是内容的大小,从而影响整个盒子的大小。 盒子的占位大小包括margin,但盒子的尺寸不包括margin。比如 盒子的高度: border-width + padding-top +height+ padding-bot...原创 2018-07-05 12:05:31 · 1854 阅读 · 0 评论 -
CSS布局——解决居中问题
大佬的博客:https://css-tricks.com/centering-css-complete-guide/原创 2018-07-15 17:30:41 · 635 阅读 · 0 评论 -
盒子模型的各种高度记录
height:返回元素内容的高度。(根据是不是怪异盒子模型计算高度)offsetheight:它返回的高度是内容高+padding+边框。clientHeight:在页面上返回内容的可视高度(不包括边框,外边距或滚动条)。scrollHeight:返回整个元素的高度,即不设置高度时的,content高度+padding高度。其实就是展开后的clientHeight这个content设...原创 2019-03-19 14:11:25 · 954 阅读 · 0 评论