Ray997的博客

对于刚接触CSS的我来说，浮动属性基本是用来使块元素同行展示的。但是float之后却产生了许多问题。元素浮动后产生的问题问题一：父元素高度塌陷现在来写一个例子：<style> .box { border: 5px solid #333; } .box1 { width: 100px; height: 100px; background-col

BFC定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。创建BFC浮动元素;position的除static和relative以外的值;display:table-cell元素;display:table-caption元素;display:inline-block元素;元素设置overflow且值不

特性都作为标签内部的最后一个/第一个子元素行内元素content属性必填(没有直接’’)使用场景文字前边的图标<style> span::before { display: inline-block; content: ''; background: url(home.png) no-repeat; width: 50px; height:

1.简单选择器标签选择器 : 可以根据标签的名字来从页面中选取指定的元素。id 选择器 : 可以根据元素的id属性值选取元素。class 选择器 : 可以根据元素的class属性值选取元素。 /* 标签选择器 */ p{ color：red； } /* id选择器 */ #h3{ color: orange; } /* class选择器 */ .header{

background{url(img/xxx) no-repeat}后面加cover就不显示图片所以以后分开写,用background-size设置图片的放置方式url(xxx)中宽高一定要设置以及相对路径不能写错