web前端|html教程
css display属性值
web前端-html教程
A、css中display可以取的值
仿淘宝淘宝客源码,vscode 屏蔽pyc,ubuntu下载东西一直断开,淘宝用tomcat,打开sqlite的工具,补货提醒插件,流水线学前端框架,selenium爬虫滑动条验证,tpl php,武汉seo大神,电影网站php源码带采集,网页特效源代码,移动端开发模板下载lzw
dbshop源码安装,vscode设定快捷代码,ubuntu装spark,tomcat输入密码,sqlite3 底层检索优化,爬虫出的数据怎么格式化,chat php,seo的中文含义是,爬虫网站模板识别,app注册登录界面模板下载lzw
B、display:inline属性值
1、可以把它想象成一个杯子里的水,它是“流”,是没有大小和形状的,它的宽度取决于父容器的宽度。
2、针对inline的标签,你设置宽度和高度是无效的,通过监控可以知道,该元素实际的宽度和高度都是auto,并不是我们设定的值。
C、display:block属性值
1、对所有的块元素都没有意义,块元素的dispaly属性默认值为block,没必要再显式定义??除非你之前对块元素的display属性重新定义过。
2、比较常用于这两个标签??因为这两个标签非块元素,如果不用display:block定义一下,那么定义width、height等和长宽相关的css属性时会发现完全不生效。
D、display:inline-block属性值
让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。
E、display:none属性值
1、意思不显示元素,在可用性上可以实现漂亮的效果,交替样式或hover效果的高级运用。
2、CSS display:none完全取消元素的显示,visibility:hidden保持元素位置但视觉上的内容不可见。
3、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能正确获得这些值。
4、使用display:none隐藏的元素不会被百度等搜索网站检索,会影响到网站的SEO,某些情况下可以使用left:-100000px来达到同样效果。
参考资料: css display属性 /news/936.html