![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目一:基于html/css的静态页面制作
bonbooooos
这个作者很懒,什么都没留下…
展开
-
CSS 布局 - display: inline-block
display: inline-block与 display: inline 相比,主要区别在于 display: inline-block 允许在元素上设置宽度和高度。同样,如果设置了 display: inline-block,将保留上下外边距/内边距,而 display: inline 则不会。与 display: block 相比,主要区别在于 display:inline-block 在元素之后不添加换行符,因此该元素可以位于其他元素旁边。链接:https://www.w3school.c转载 2021-04-10 17:40:36 · 146 阅读 · 0 评论 -
a标签留白间隙问题的解决
a标签留白间隙问题的解决第一种解决办法:改变超链接书写方式第二种解决办法:给外层div加属性限制第三种解决办法:给外层div设置单词间距第四种解决办法:在父标签之中使用font-size属性效果对比:之前之后自己写的几个a标签,它们之间并没有设置样式,但是显示的效果确实a标签之间有缝隙、有间距,无论我们怎么调都不能解决。很多网站编程人员都有可能遇到过这样的问题,就是自己写的几个a标签,它们之间并没有设置样式,但是显示的效果确实a标签之间有缝隙、有间距,无论我们怎么调都不能解决。出现这种情况的原因是很多原创 2021-04-03 23:30:13 · 846 阅读 · 1 评论 -
关于块级元素与行内元素的区别及应用
标签分为两种等级:块级元素与行内元素块级元素:p, div , h系列 , li , dt ,dd行内元素:span , a , b , i , u , em两者区别行内元素:1.与其他行内元素并排;2.不能设置宽高,默认的宽度就是文字的宽度;块级元素:1.霸占一行,不能与其他任何元素并列。2.能接受宽高,如果不设置宽度,那么宽度将默认变为父级的100%。实际应用时发现:span标签作为行内元素可以修改padding,margin-left/right;但不能更改margin上下距离;原创 2021-04-06 16:42:58 · 142 阅读 · 0 评论 -
position定位问题
position定位问题使用relative定位会在放大至90%(应该时相对而言)时产生滚动条,且top定位时默认会在上一元素下方开始计算距离,不会产生重叠。.boxcon{ /*boxcon为红盒子区域*/ position: relative; top: -284px; width: 700px; height: 490px; background: red; /*margin: 0 auto;*/ }而使用absolut定原创 2021-04-08 16:07:27 · 176 阅读 · 0 评论 -
div中的子元素加边框,算不算在div的尺寸内?
遇到一问题当勾选 div class=“line1” 中的border-bottom时,一切正常,div尺寸为29041当不勾选 div class=“line1” 中的border-bottom时,div class="line2"中的下划线消失,div_line1尺寸为29040。原因当div_line1尺寸为29040时,它下边的p子集尺寸为14541。因此,也就是说,p的border-bottom不算在它的上级div的尺寸内。然而,紧接着div_line1的div_line2确是从div原创 2021-04-10 19:24:55 · 317 阅读 · 0 评论