2022-3-1总结 “行内方向”和“块方向” “替换元素”与“非替换元素” transform的平移属性 transform:scale(); transform:scale()

本文介绍了CSS3中的行内方向和块方向概念,以及替换元素与非替换元素的区别。重点讨论了transform属性中的平移与缩放功能,包括transform: translate()和transform: scale()的使用技巧,特别指出在应用overflow: hidden时不会影响transform效果的正确性。
摘要由CSDN通过智能技术生成

1、“行内方向”和“块方向”

一般文字书写方向称之为行内方向(inline direction),文字折行方向叫做块方向(block direction)。

若是垂直书写语言,则从上到下叫做行内方向,从右往左为块方向。

2、“替换元素”与“非替换元素”

替换元素:浏览器根据其标签的元素属性来判断显示具体的内容的元素,且元素一般拥有固定的尺寸(宽高或宽高比)。

非替换元素:html中大多都为此项。直接将内容告诉浏览器并直接显示出来。

https://blog.csdn.net/ij_fantasy/article/details/82218085https://blog.csdn.net/ij_fantasy/article/details/82218085

3、transform的平移属性

 transform: translateX(200px);

 transform: translateY(2
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值