📅  最后修改于: 2020-10-26 04:55:13        🧑  作者: Mango

当网页打印在纸上时，可以使用CSS更改网页的外观。您可以为屏幕版本指定一种字体，为打印版本指定另一种字体。您已经在前面的章节中看到了@media规则。此规则允许您为不同的媒体指定不同的样式。因此，您可以为屏幕和打印机定义不同的规则。下面的示例为屏幕和打印指定不同的字体系列。下一个CSS对屏幕和打印机使用相同的字体大小。如果要在单独的文件中定义样式表，那么在链接到外部样式表时也可以使用media属性...

📅  最后修改于: 2020-10-26 04:55:39        🧑  作者: Mango

希望您对HTML表格非常满意，并希望您能够使用HTML表格高效地设计页面布局。但是您知道CSS还提供了大量控件来定位文档中的元素。由于CSS是未来的潮流，为什么不学习和使用CSS而不是表格来进行页面布局呢？以下列表收集了这两种技术的一些优缺点-大多数浏览器都支持表，而CSS支持正在逐渐被采用。当浏览器窗口大小更改时，表更宽容-改变其内容并包装以适应相应的更改。 CSS定位往往是准确且相当不灵活的。...

📅  最后修改于: 2020-10-26 04:55:56        🧑  作者: Mango

验证是根据规则检查某些内容的过程。当您是初学者时，在编写CSS规则时会犯很多错误，这很常见。您如何确保所写的内容都是100％准确且符合W3质量标准？如果使用CSS，则代码必须正确。代码不正确可能会导致页面外观或功能出现意外结果。但是，如果您要验证嵌入在（X）HTML文档中的CSS样式表，则应首先检查您使用的（X）HTML是否有效。检查（X）HTML文档有效性的工具：验证（X）HTML文档。您可以使...

📅  最后修改于: 2020-10-26 04:56:09        🧑  作者: Mango

级联样式表（CSS）是一种样式表语言，用于描述以标记语言编写的文档的外观和格式。 CSS3是CSS早期版本（CSS2）的最新标准。 css2和css3之间的主要区别如下-媒体查询命名空间选择器级别3颜色CSS3模块CSS3是CSS2规范和新规范的协作，我们可以将此协作称为模块。一些模块如下所示-选择器箱型背景资料图像值和替换内容文字效果2D转换3D转换动画制作多列布局用户界面...

📅  最后修改于: 2020-10-26 04:56:28        🧑  作者: Mango

CSS3圆角用于通过使用border-radius属性为正文或文本添加特殊的彩色圆角，圆角的简单语法如下-下表显示了圆角的可能值，如下所示：Sr.No.Value & Description1border-radiusUse this element for setting four boarder radius property2border-top-left-radiusUse this el...

📅  最后修改于: 2020-10-26 04:56:44        🧑  作者: Mango

CSS Border image属性用于将图像边界添加到某些元素。您不需要使用任何HTML代码来调用边界图像。边界图像的示例语法如下-最常用的值如下所示-Sr.No.Value & Description1border-image-sourceUsed to set the image path2border-image-sliceUsed to slice the boarder image3b...

📅  最后修改于: 2020-10-26 04:57:03        🧑  作者: Mango

多背景CSS Multi background属性用于一次添加一个或多个图像而无需HTML代码，我们可以根据需要添加图像。多背景图像的示例语法如下-最常用的值如下所示-Sr.No.Value & Description1backgroundUsed to setting all the background image properties in one section2background-cl...

📅  最后修改于: 2020-10-26 04:57:25        🧑  作者: Mango

CSS3支持以下其他颜色属性-RGBA颜色HSL颜色HSLA颜色不透明度RGBA代表Red Green Blue Alpha。它是CSS2的扩展，Alpha指定颜色的不透明度，参数编号是0.0到1.0之间的数字。 RGBA的示例语法如下所示-HSL代表色相，饱和度和亮度。这里的Huge是色轮上的度数，饱和度和亮度是0到100％之间的百分比值。 HSL的示例语法如下所示-HSLA代表色相，饱和度，亮...

📅  最后修改于: 2020-10-26 04:57:48        🧑  作者: Mango

什么是渐变？渐变显示两种或更多种颜色的组合，如下所示-渐变类型线性渐变（向下/向上/向左/向右/对角线）径向渐变线性渐变线性渐变用于以线性格式（如从上到下）排列两种或多种颜色。从上到下现场演示它将产生以下结果-左到右现场演示它将产生以下结果-对角线对角线从左上方和右上方的按钮开始。现场演示它将产生以下结果-多色现场演示它将产生以下结果-CSS3径向渐变径向渐变出现在中心。现场演示它将产生以下结果-...

📅  最后修改于: 2020-10-26 04:58:03        🧑  作者: Mango

支持CSS3向文本或元素添加阴影.Shadow属性的划分如下-文字阴影盒子阴影文字阴影支持CSS3向文本添加阴影效果。以下是将阴影效果添加到文本的示例-现场演示它将产生以下结果-框影用于向元素添加阴影效果的示例，以下是向元素添加阴影效果的示例。现场演示它将产生以下结果-...

📅  最后修改于: 2020-10-26 04:58:24        🧑  作者: Mango

CSS3包含一些额外的功能，稍后会添加。文字溢出自动换行断字CSS3中有以下最常用的属性-Sr.No.Value & Description1text-align-lastUsed to align the last line of the text2text-emphasisUsed to emphasis text and color3text-overflowused to determin...

📅  最后修改于: 2020-10-26 04:58:40        🧑  作者: Mango

Web字体用于允许CSS中的字体，这些字体未在本地系统上安装。不同的网络字体格式Sr.No.Font & Description1TrueType Fonts (TTF)TrueType is an outline font standard developed by Apple and Microsoft in the late 1980s, It became most common font...

📅  最后修改于: 2020-10-26 04:59:11        🧑  作者: Mango

2D变换用于在平移，旋转，缩放和倾斜时重新更改元素结构。下表包含了用于2D转换的常用值-Sr.No.Value & Description1matrix(n,n,n,n,n,n)Used to defines matrix transforms with six values2translate(x,y)Used to transforms the element along with x-axi...

📅  最后修改于: 2020-10-26 04:59:33        🧑  作者: Mango

使用3d变换，我们可以将元素移动到x轴，y轴和z轴。下面的示例清楚地指定了元素将如何旋转。3D转换方法以下方法用于调用3D变换-Sr.No.Value & Description1matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)Used to transforms the element by using 16 values of matrix2translate...

📅  最后修改于: 2020-10-26 04:59:52        🧑  作者: Mango

动画是进行形状更改并使用元素创建运动的过程。@keyframes关键帧将控制CSS3中的中间动画步骤。带有左动画的关键帧示例-上面的示例使用关键帧语法显示了动画的高度，宽度，颜色，名称和持续时间。向左移动动画现场演示它将产生以下结果-使用关键帧向左移动动画现场演示它将产生以下结果-...