![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 73
你得支棱起来呀-
如果想私聊博主帮忙解决问题,麻烦先关注一下,博主看到私信后且懂的话,一定帮忙解决。
展开
-
CSS 布局 对齐
1、CSS 布局 - 水平 & 垂直对齐 1.1 元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,并将两边的空外边距平均分配: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title>.原创 2021-01-29 10:51:36 · 466 阅读 · 0 评论 -
CSS基础知识(定位、overflow、浮动)
1、CSSPosition(定位) position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 1.1static 定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象。 静态定位的元素不会受到 top, bottom, left, right影响。 1.2fixed 定位(常用于网站导航头) 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动: p....原创 2021-01-29 10:35:04 · 581 阅读 · 0 评论 -
CSS基础知识(尺寸、Display)
1、CSS尺寸 (Dimension) height 设置元素的高度。 line-height 设置行高。 max-height 设置元素的最大高度。 max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 width 设置元素的宽度。 1.1 设置高度和宽度 img.big { height:220px; width:170px; } 1.2 按..原创 2021-01-29 00:37:01 · 384 阅读 · 0 评论 -
CSS知识(盒子模型、margin、padding、分组和嵌套)
1、CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model): 不同部分的说明: Margin(外边距)- 清除边框外的区域,外边距是透明的。 Border(边框)- 围绕在内边距和内容外的边框。 Padd..原创 2021-01-28 23:39:50 · 679 阅读 · 0 评论 -
前端中一些对齐方式的解析
1、margin:auto margin:auto 是用来计算元素对应方向应该获得的剩余空间大小 (1) 如果一侧定值,一侧auto,则auto为剩余空间大小 (2) 如果两侧均是auto,则平分剩余空间 <style> .father { width: 300px; background-color: #f0f3f9; } .son { width: 200px; height: 120px; marg原创 2021-01-28 17:17:21 · 1694 阅读 · 0 评论