📝 CSS教程
2362篇技术文档📅  最后修改于: 2020-11-05 05:53:01        🧑  作者: Mango
CSS Flex-direction属性flex-direction属性用于设置flex容器内的柔性商品的方向。它的默认值是row(从左到右,从上到下)。其他可能的值为:row-reversecolumncolumn-reverse使用行保留值让我们以一个示例来说明行反向值的用法。请参阅以下示例:使用列值让我们以一个示例来演示列值的用法。请参阅以下示例:使用列保留值让我们以一个示例来演示colum...
📅  最后修改于: 2020-11-05 05:53:56        🧑  作者: Mango
Flex justify-content属性CSS3 justify-content属性用于定义沿主轴的对齐方式。它是CSS3 Flexbox布局模块的子属性。当项目不使用主轴上所有可用空间时,它将水平设置Flexbox容器的项目。其可能的值为:flex-start:默认值。它将项目设置在容器的开头flex-end:将项目设置在容器的末尾。中心:将项目设置在容器的中心。space-between:...
📅  最后修改于: 2020-11-05 05:54:52        🧑  作者: Mango
Flexbox align-items属性CSS3 flexbox align-items属性用于在柔性容器的各项未使用横轴上的所有可用空间时设置其垂直对齐。其可能的值为:Stretch:这是默认值。它指定将项目拉伸以适合容器。flex-start:将项目设置在容器顶部。flex-end:将项目设置在容器的底部。center:将项目设置在容器的中心(垂直)。baseline:它将项目设置在容器的基...
📅  最后修改于: 2020-11-05 05:55:46        🧑  作者: Mango
Flex-Wrap属性CSS3 Flexbox的flex-wrap属性指定,如果在一条flex线上没有足够的空间容纳flex-item,则应该对其进行换行。其可能的值为:nowrap:这是默认值。柔性物品不会包裹。wrap:指定是否在需要时包装柔性物品。wrap-reverse:指定柔性项目将在必要时以相反的顺序包装。让我们以一些示例来说明上述值的用法。请参阅以下示例:示例1 :(使用nowrap...
📅  最后修改于: 2020-11-05 05:56:52        🧑  作者: Mango
Flexbox的align-content属性CSS3 Flexbox align-content属性用于修改flex-wrap属性的行为。就像align-items一样,但是它对齐弹性线而不是弹性项目。其可能的值为:Stretch:这是默认值。它指定拉伸的线以占用剩余空间。flex-start:指定将行打包到flex容器的开头。flex-end:指定将行打包到flex容器的末端。center:指...
📅  最后修改于: 2020-11-05 05:57:51        🧑  作者: Mango
Media QueryCSS Media查询是W3C建议和CSS3模块,用于适应诸如屏幕分辨率(例如,智能手机屏幕与计算机屏幕)之类的条件。最早在CSS3中使用的媒体查询技术。它在2012年6月成为W3C推荐。它是CSS2中用于不同媒体类型(例如screen和print)的媒体相关样式表的扩展。最常用的媒体功能是“宽度”。仅当满足特定条件时,它才使用@media规则包括CSS属性块。媒体查询的推荐...
📅  最后修改于: 2020-11-05 05:58:45        🧑  作者: Mango
CSS 2D TransformsCSS3支持transform属性。此transform属性有助于您平移,旋转,缩放和倾斜元素。变换是用于更改形状,大小和位置的效果。CSS3支持两种类型的转换,即2D和3D转换。CSS 2D转换CSS 2D变换用于将元素的结构重新转换为平移,旋转,缩放和倾斜等。以下是2D变换方法的列表:平移(x,y):用于沿X轴和Y轴变换元素。translateX(n):用于沿...
📅  最后修改于: 2020-11-05 05:59:44        🧑  作者: Mango
CSS 3D transformsCSS 3D变换使您可以将元素移动到X轴,Y轴和Z轴。以下是3D变换方法的列表:FunctionDescriptionmatrix3D(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)It specifies a 3D transformation, using a 4×4 matrix of 16 values.translate3D(x,y,z...
📅  最后修改于: 2020-11-05 06:00:39        🧑  作者: Mango
CSS Aural MediaCSS Aural Media或CSS样式表用于将特定的声音样式功能附加到特定的文档元素。它使用语音合成和声音效果来帮助用户听信息而不是阅读信息。因此,它对视障人士非常有用。可以在以下场合使用听觉介质:由盲人或视障人士使用帮助用户学习阅读和正确发音训练帮助有阅读困难的用户方便车辆上网家庭娱乐印刷品受损人群使用医疗文件工业文件听觉媒体属性以下是听觉媒体属性的列表:pro...
📅  最后修改于: 2020-11-05 06:31:47        🧑  作者: Mango
CSS azimuth“azimuth”属性描述此侦听平面上的径向位置(360度度量)。它的声场被认为与地板平行,这意味着它可以设置声音应来自水平方向的位置。方位角属性的可能值为:角度:用于以-360deg至360deg范围内的角度描述位置。值0deg表示在声音舞台的正前方。右边为90度,后面为180度,左边为270度(或等效地,更方便地为-90度)。左侧:与“ 270deg”相同。带有“背后”,...
📅  最后修改于: 2020-11-05 07:24:41        🧑  作者: Mango
CSS cueCSS aural media cue属性用作设置cue-before和cue-after的简写。如果给出两个值,则第一个值为cue-before,第二个值为cue-after。如果仅给出一个值,则它适用于两个属性。以下两个规则是等效的:...
📅  最后修改于: 2020-11-05 07:26:39        🧑  作者: Mango
CSS cue-beforeCSS cue-before属性指定在说元素的内容之前将其播放以区分其他元素的声音。其可能的值为:url:指定要播放的声音文件的URL。none:指定什么都不要播放。句法:...
📅  最后修改于: 2020-11-05 07:27:32        🧑  作者: Mango
CSS cue-after属性cue-after属性指定在说元素的内容之前将要播放的声音以将其与其他元素分隔开。其可能的值为:url:指定要播放的声音文件的URL。none:指定什么都不要播放。句法:...
📅  最后修改于: 2020-11-05 07:29:35        🧑  作者: Mango
CSS elevation属性CSS elevation属性属性设置声音应垂直来自何处。其可能的值为:angle:将高程指定为介于-90deg和90deg之间的角度。 0deg表示在向前的地平线上,这宽松地表示与侦听器齐平。 90deg表示直接在上方,-90deg表示在下方。下:与“ -90deg”相同。级别:与“ 0deg”相同。上图:与“ 90deg”相同。更高:将当前高程增加10度。较低:从...
📅  最后修改于: 2020-11-05 07:30:26        🧑  作者: Mango
CSS pause-beforeCSS听觉媒体的“ pause-before”属性指定在说出元素内容之前要观察的暂停。其可能的值为:时间:用于以绝对时间单位指定暂停时间。时间的单位是秒和毫秒。percent:指定语音速率属性值的倒数。例如,如果语音速率为每分钟120个单词(即一个单词需要半秒或500毫秒),则100%之前的停顿意味着500毫秒的停顿,而20%之前的停顿意味着100毫秒的停顿。...