![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
XINGAO丨
这个作者很懒,什么都没留下…
展开
-
css浮动布局详解
概念浮动布局简介:当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另外一个浮动元素的边框为止。元素浮动以后会脱离正常的文档流,所以文档的普通流中的框就变现的好像浮动元素不存在一样。优点类似于inline-block区别:第一个:就是关于横向排序的时候,float可以设置方向而inline-block方向是固定的;第二个:就是inline-block在使用时有时会有空白间隙的问题缺点最明显的缺点就是浮动元素一旦脱离了文档流,就无法撑起父元素,会造成父级元素的高度塌陷解决原创 2020-09-03 11:06:39 · 344 阅读 · 0 评论 -
css块级元素与行内元素与行内块元素
概念块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。常见元素常见块级元素有:h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,原创 2020-09-03 10:43:50 · 631 阅读 · 1 评论 -
css元素水平垂直居中
使用 flex 弹性布局父元素设置为 display:flex;justify-content: center;align-items: center;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2020-09-03 10:22:29 · 100 阅读 · 0 评论 -
:first-child的坑
:first-child的坑:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器错误理解认为E:first-child选中E元素的第一个子元素<style>div:first-child{color: red;}</style><div class="demo"><a>123</a><a>123</a><a>123</a><a>123&l原创 2020-07-13 16:50:43 · 279 阅读 · 0 评论