html5 day11 第14集

错误:1.

            2.

1.写在a中,引用的标签图像有下划线,text-decoration:none去掉

2.把弹出框作为子元素

3.这种布局,可以对父框设置实际内容大小,再用padding撑开;

4.

5.对内容设置多张背景图,谁放在前面,谁就会出现在上面,谁在后面谁就在下面

6.用border写

7.border在帮助我们看时,也会站空间,会导致不准

8.当在一个html文件用iframe引入另一个页面,同时这两个页面引用一个css样式时,在css中写另一个样式,不受引入原页面的影响

3.

注意:可以对一个元素设置上、右边框,旋转;背景是透明的,要想覆盖,必须给他一个白色的背景 ;

当a划过时,出现

定义标签,样式是斜体的

让li里面的标签继承font-size

用的并不是另加一个div显示虚框,用的是透明背景

要想使这行文字yu'li

定位和float都会使任何元素产生块级框;

把img{display:block}

after内容不会显示,因为img主要是显示图片的,他会遮住里面的内容;

方法:

可以定位或浮动实现;

任何元素经过定位和浮动都会变成块元素;

p标签不能嵌套h标签,吧p变成div

所有加标签的方式都可用:before;:after;

两个行内块元素默认是有空隙的。可以转换成块元素,再浮动,可取消空袭

ul变成弹性盒

弹性盒一般用于移动端,在pc端有兼容性问题

display:fiex;块级弹性盒,宽度与父元素同宽;display:inline-flex;内联弹性盒,宽度和内容同款,效果如上

/* flex-direction:row;flex-wrap:wrap-reverse;
align-items:baseline;单行在父元素的侧轴的对其方式的
aling-content:center;多行在父元素的侧轴的对其方式的
align-self:单个子元素在父元素的侧轴的对其方式的
ul{display:flex;background:#FC6;flex-flow:row wrap;width:400px;justify-content:space-around;height:400px;align-content:space-around}

space-between:将多余的空间分配到每个子元素之间

space-space将父元素多余的空间分到每个元素的两边

默认值

猜你喜欢

转载自blog.csdn.net/QiuShuiFuPing/article/details/84349223