复习五

2018-08-14  本文已影响0人  shuffle笑

1,解决高度坍塌

根据W3C的标准,在页面中元素都一个隐含的属性叫做Block Formatting Context(块的格式化环境)简称BFC,该属性可以设置打开或者关闭,默认是关闭的

当开启元素的BFC以后,元素将会具有如下的特性:

a.父元素的垂直外边距不会和子元素重叠

b.开启BFC的元素不会被浮动元素所覆盖

c.开启BFC的元素可以包含浮动的子元素

如何开启元素的BFC

aa.设置元素浮动

- 使用这种方式开启,虽然可以撑开父元素,但是会导致父元素的宽度丢失,而且使用这种方式也会导致下边的元素上移,不能解决问题

bb.设置元素绝对定位

cc.设置元素为inline-block

- 可以解决问题,但是会导致宽度丢失,不推荐使用这种方式

dd.将元素的overflow设置为一个非visible的值

zoom表示放大的意思,后边跟着一个数值,写几就将元素放大几倍

zoom:1表示不放大元素,但是通过该样式可以开启hasLayout

zoom这个样式,只在IE中支持,其他浏览器都不支持

2,background-image    背景图片

background-image可以为元素指定背景 图片,和background-color类似,这里使用的是一个图片作为背景。                       

一个url地址作为参数,url地址需要指向一个外部图片的路径

例如:background-image: url(1.jpg)

3,正在点击的链接

 a:active

:focus  获取焦点

:before    指定元素前

:after    指定元素后

::selection    选中的元素

上一篇 下一篇

猜你喜欢

热点阅读