亲爱的老狼-display的应用

display主要有2方面的应用：

1>display:flex/none/block/table/inline/inline-block，主要用于互相改变某一标签的属性，例如把块属性变成行内块属性：display：inline-block

2>display：none或者display：block他们的作用分别是隐藏和显现。

display：none隐藏标签内容，但不占位置。

display：block显现内容，也不占位置。

主要用于鼠标悬浮某处标签时，自动显现隐藏内容。

关键标签：

img{
display: none
}
.a:hover img{
display: block;
}

亲爱的老狼-display的应用相关推荐

亲爱的老狼-display的使用
学习css的过程中,用行内元素写链接时,有错误,不规范. display就登场了,但是注意:重要的事情说三遍!!!(必须是行内元素设置宽高时),才会用它. 一般我们用行内元素链接时写属性,是没问题的.
亲爱的老狼-清除浮动float的5种方法
1>清除子级元素的浮动时,使用clear:left.right.both clear:both写成空盒子.放在css内末尾 2>清除父级元素的浮动时,使用overflow:hidden.a ...
亲爱的老狼-搜索引擎的区分及现在各大浏览器的引擎细分
搜索引擎经过市场淘汰过后,现在分的越来越细:基本上可以分为两类 1>渲染引擎:主要负责页面的显示方式.整理讯息.语法解释-- 2>JS引擎:主要负责页面的动态效果添加,让页面动起来 3&g ...
亲爱的老狼-html的格式含义全面说明
shift+i(快捷方式),html页面格式出现-- <Doctype html>代表告诉解析页面的浏览器按照html5的规范进行页面解析. <html lang="en& ...
亲爱的老狼-超链接的运用方式
<a href="" target="" title=""></a>,超链接的使用在css里十分频繁,所以非常非常重 ...
亲爱的老狼-绝对路径、相对路径
绝对路径:1>直接复制链接网址 2>直接复制文件里需要的东西的本地地址+文件名相对路径:1>举例a.html处在1号文件夹里,b照片处在3号文件夹里. 现在,a.html需要用b照 ...
亲爱的老狼- 移动端和PC端的不同
移动端比较于pc端,改变的设定并不大,只是其中有数个添加的设定需要谨记: 1> 首先说明,移动端里不再适用px绝对像素单位,而是改为rem相对单位. body{ max-width: 750px ...
亲爱的老狼-opacity、rgba、transparent的应用
1>opacity是透明色的一种,他是一种具有继承性的标签,它不仅会让背景色变的透明,还会造成所在盒子里的内容也透明.所以要慎用,不然,当想让子元素不再透明时,opacity.rgba.等均不具 ...
亲爱的老狼-定位position的应用
定位分为三种:相对定位(relative).绝对定位(absolute).固定定位(fixed) 1>相对定位:从一个地方移到另一个地方,且,原来的位置和现在的位置都占据着位置空间. 2> ...

亲爱的老狼-display的应用

亲爱的老狼-display的应用相关推荐

最新文章

热门文章