
小问题总结(不一定百分百正确)
自己多方搜索资料进行总结,可能有错误和不准确的地方。
阿雾a
( ˙-˙ )
展开
-
渐变背景和背景图片并存
分开写背景图和渐变会导致一些问题,不知道是不是顺序之类的会影响显示效果。后来改成合写就没有问题了。 当需要背景渐变和背景图片并存时,可以用如下写法 background: url(../images/hot_sale.png)bottom right/161px auto no-repeat, linear-gradient(to right,#FFBD45,#f3c776); 背景图的地址写在渐变的前面,否则会被遮盖住。 需要更改图片大小时候,用 / 隔开。 ...原创 2021-06-12 14:40:38 · 577 阅读 · 0 评论 -
ul 默认边距
1.ul前会有默认40px内边距,16的上下边距,可以通过 *{margin: 0; padding: 0;} 清除。原创 2021-06-10 18:30:26 · 742 阅读 · 0 评论 -
vertical-align
1.用于设置一个元素的垂直对齐方式,常用于图片或表单(行内块)和文字垂直对齐。 2.只对行内元素或行内块元素有效。 3.默认对齐方式为vertical-align:baseline,表示元素放置在父元素的基线上。 top:元素顶端与行中最高元素的顶端对齐 bottom: middle:把此元素放置在父元素的中部 ...原创 2021-06-09 16:17:47 · 99 阅读 · 0 评论 -
display
1.display-block和display-none不能设置过渡原创 2021-06-08 22:48:02 · 74 阅读 · 0 评论 -
行高 line-height
1.图片img的居中不能用line height原创 2021-06-06 10:48:19 · 252 阅读 · 0 评论 -
text-align:center居中
text-align:center 1.text-align是给块级元素使用的,其作用为让块级元素里面的文本或行内元素对齐(img标签的图片可以被居中)。 2.如果块级元素1里面含有块级元素2,那么这个被含有的块级元素2不会被控制居中,如果这个内部块级元素2内有文本或者行内元素,则会在块级元素2中被居中。 3.text-align:center也能用于行内元素,但前提是此行内元素被设置为块级元素 ...原创 2021-06-05 12:17:42 · 6159 阅读 · 2 评论 -
margin塌陷传递现象
1.浮动元素不会产生margin塌陷现象原创 2021-06-04 21:31:51 · 84 阅读 · 0 评论