摘要: (1)flex布局排列 会消除块状属性,所有与块状相关的属性将失效,比如块状元素会独占一行,如图2,设置flex后会在一行排列 阅读全文
posted @ 2020-04-17 18:49 YuTing-721 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 1、RGBA和透明度 2、background-image background-origin(content-box/padding-box/border-box) background-size background-repeat 3、word-wrap(对长的不可分割单词换行)word-wra 阅读全文
posted @ 2020-04-17 18:25 YuTing-721 阅读(249) 评论(0) 推荐(0) 编辑
摘要: static(默认):按照正常文档流进行排列;relative(相对定位):不脱离文档流,参考自身静态位置通过 top, bottom, left, right 定位;absolute(绝对定位):参考距其最近一个不为static的父级元素通过top, bottom, left, right 定位; 阅读全文
posted @ 2020-04-17 18:21 YuTing-721 阅读(164) 评论(0) 推荐(0) 编辑
摘要: inline(默认)— 内联 none — 隐藏 block — 显示、块级元素(单独占一行) inline-block — 行内块元素(不占整行) table — 表格显示 list-item — 项目列表 阅读全文
posted @ 2020-04-17 18:20 YuTing-721 阅读(796) 评论(0) 推荐(0) 编辑
摘要: (1)给父级元素单独定义高度(height) (2)在标签结尾处加空div标签 clear:both .clear{clear: both;} <div class="box"> <div class="red">1</div> <div class="sienna">2</div> <div cl 阅读全文
posted @ 2020-04-17 18:15 YuTing-721 阅读(114) 评论(0) 推荐(0) 编辑
摘要: p:first-of-type 选择属于其父元素的首个元素 p:last-of-type 选择属于其父元素的最后元素 p:only-of-type 选择属于其父元素唯一的元素 p:only-child 选择属于其父元素的唯一子元素 p:nth-child(2) 选择属于其父元素的第二个子元素 :en 阅读全文
posted @ 2020-04-17 18:11 YuTing-721 阅读(760) 评论(0) 推荐(0) 编辑
摘要: CSS选择符: id选择器(#myid)、 类选择器(.myclassname)、 标签选择器(div, h1, p)、 相邻选择器(h1 + p)、 子选择器(ul > li)、 后代选择器(li a)、 通配符选择器(*)、 属性选择器(a[rel=”external”])、 伪类选择器(a:h 阅读全文
posted @ 2020-04-17 18:08 YuTing-721 阅读(1548) 评论(0) 推荐(0) 编辑
摘要: 在标准模式下(W3C标准),一个块的总宽度 = width + margin(左右) + padding(左右)+ border(左右) 在怪异模式下( IE标准),一个块的总宽度 = width + margin(左右)(即width已经包含了padding和border值) CSS3中的box- 阅读全文
posted @ 2020-04-17 18:05 YuTing-721 阅读(117) 评论(0) 推荐(0) 编辑