900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css display属性值【HTML】

css display属性值【HTML】

时间:2020-03-01 19:07:40

相关推荐

css display属性值【HTML】

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。