css伸缩属性，css缩放属性

cssfont-stretch属性怎么用

1、css font-stretch属性可对当前的 font-family 进行伸缩变形，所有主流浏览器都不支持font-stretch属性。css font-stretch属性怎么用？作用：可对当前的 font-family 进行伸缩变形。

2、css2中有font-stretch这个属性设置字体宽度，对字体进行伸缩变形。其属性值有：normal（默认值。

3、可以设置的属性值：值描述xx-smallx-smallsmallmediumlargex-largexx-large把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。smaller把 font-size 设置为比父元素更小的尺寸。

4、font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS1 已删除该属性。）font-stretch 对字体进行水平拉伸。（CSS1 已删除该属性。）font-style 设置字体风格。

5、我们应该知道font-weight属性可以设置文本字体的粗细，而设置bold属性值可以定义粗体字符，bolder属性值可以定义更粗的字符，进而实现字体加粗效果。

6、使用CSS属性单词font-weight对象值：从100到900，最常用font-weight的值为boldfont-weight参数：normal ： 正常的字体。相当于number为400。声明此值将取消之前任何设置bold ： 粗体。相当于number为700。

相关问答

Q1: 如何使用css3实现3d立体特效

1、html中的代码特别简单，你只需要设置六个块元素，最重要的部分也是最核心的部分就是css3中的代码了，我将代码实现如下，具体实现的情况，我会在代码中添加注释。

2、使用css3实现3D的翻牌效果的原理所谓的翻牌效果就是看起来将图片沿着y轴翻转的效果。

3、这篇文章主要给大家介绍了利用CSS3制作简单的3d半透明立方体图片展示的相关资料，文中给出了完整的示例代码，对大家的理解和学习具有一定的参考价值，需要的朋友们下面来一起看看吧。

Q2: CSS3中transform属性怎么使用

语法：none|transform-function[transform-function]* 初始值是none。transform-function函数取值：matrix()：定义矩阵变换。translate()：移动元素对象。scale()：缩放元素对象。rotate()：旋转元素对象。skew()：倾斜元素对象。

css transform属性怎么用？作用：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。语法：transform： none|transform-functions说明：● none 定义不进行转换。

Transform动画属性transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

允许负值，元素将逆时针旋转rotate(30deg)表示旋转30度matrix()方法skew(x-angle，y-angle)定义 2D 倾斜转换，沿着 X 和 Y 轴。

Q3: CSS3弹性盒模型的布局理解

1、flex是flexinle BOX的缩写。意思是弹性布局，用来为盒模型提供最大的灵活性。 任何一个容器（标签）都可以指定为flex布局。

2、flex 是 flexible box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。能够高效方便的控制元素的对齐、排列，自动计算布局内元素的尺寸，无论元素的尺寸是固定的还是动态的，控制元素在页面的布局方向。

3、CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

4、弹性盒模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。

5、那Flex布局就是Flexible Box布局的缩写，就译为弹性盒子布局，用来对一个盒子进行灵活的布局。 在了解Flex布局之前，我们得先了解一下Flex布局里的两对儿 重要的 概念。

6、从图中可以看到，弹性盒布局中有两个互相垂直的坐标轴：一个称之为主轴（main axis），另外一个称之为交叉轴（cross axis）。主轴并不固定为水平方向的 X 轴，交叉轴也不固定为垂直方向的 Y 轴。

css伸缩属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css缩放属性、css伸缩属性的信息别忘了在本站进行查找喔。