css
XINGAO丨
这个作者很懒,什么都没留下…
展开
-
css浮动布局详解
概念 浮动布局简介:当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另外一个浮动元素的边框为止。元素浮动以后会脱离正常的文档流,所以文档的普通流中的框就变现的好像浮动元素不存在一样。 优点 类似于inline-block 区别: 第一个:就是关于横向排序的时候,float可以设置方向而inline-block方向是固定的; 第二个:就是inline-block在使用时有时会有空白间隙的问题 缺点 最明显的缺点就是浮动元素一旦脱离了文档流,就无法撑起父元素,会造成父级元素的高度塌陷 解决原创 2020-09-03 11:06:39 · 379 阅读 · 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 · 673 阅读 · 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 · 109 阅读 · 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 · 311 阅读 · 0 评论