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