css笔记
小荣的网络开发日志
这个作者很懒,什么都没留下…
展开
-
CSS复习之盒子模型有几种?
CSS复习之盒子模型有几种?第一种W3C的标准盒子模型第二种IE标准的盒子模型(怪异盒模型)两种盒子的宽度和高度不同w3c标准盒子的宽度和高度是指内容的宽度和高度 content怪异盒模型的宽度和高度指的是(content + border +padding)两种盒子的大小计算方法相同标准盒模型下盒子的大小 = content + border + padding + margin怪异盒模型下盒子的大小=content + border + padding + margin..原创 2021-07-09 19:18:54 · 619 阅读 · 0 评论 -
Css复习之选择器
Css复习之选择器Css选择器简单选择器:id,class,element,*选择器组合选择器:div p后代选择器,子选择器>,相邻兄弟选择器+,通用兄弟选择器~。伪类选择器锚伪类------->a:link/visited/hover/active/:focus指定元素聚焦后:first-child;last-child;nth-child(n) lang 伪类------->指定使用语言, 更多查菜鸟伪元素:first-line/::first-le原创 2021-07-09 18:55:36 · 85 阅读 · 0 评论 -
#css中inline-block出现下移的情况
css中inline-block出现下移的情况解决方案:设置vertical-align:top在包裹层里嵌套的两个div设置display: inline-block时,正常情况下两个div会并排显示,如图但是如果在其中一个div里面加上一些内容,神奇的事发生了,第一个div出现了下移,如图:查阅了相关资料发现,在将元素display设置为inline-block的时候,元素即同时具有内联元素和块级元素的属性,既排列在同一行又可以设置宽高。对于内联元素,都具有vertical-align属性,转载 2021-05-01 17:08:03 · 862 阅读 · 0 评论 -
CSS设置元素隐藏显示透明度
CSS元素隐藏显示的两种方式visibility: hidden;(隐藏)visibility:visible;(显示)????仅仅隐藏元素,但是会占据物理位置display: none;(隐藏)display:block;(块状显示)display:inline;(行显示)display:inline-block(行内块状)????隐藏元素且不占据物理位置???? 两种不能穿插使用,visibilty隐藏后只能使用visibility显示,display也一样。...原创 2021-03-31 15:17:04 · 342 阅读 · 0 评论