📝 CSS教程

2362篇技术文档
  CSS scrollbar滚动条

📅  最后修改于: 2020-11-06 00:42:19        🧑  作者: Mango

CSS滚动条元素的内容可能大于其分配的空间。给定的属性(例如高度和宽度)没有提供足够的空间来容纳元素的内容。CSS中的overflow属性可以解决此问题。它处理盒子的内容是否大于盒子本身。此CSS属性具有值-可见,滚动,隐藏和自动。让我们简要讨论这些值。scroll:它允许我们滚动页面以查看内容。scroll:与滚动类似,除了滚动条仅在内容溢出时才会显示。scroll:使用此值,内容溢出其包含元素...

  CSS types-of-css

📅  最后修改于: 2020-11-06 00:43:15        🧑  作者: Mango

CSS类型CSS(层叠样式表)描述了在屏幕,纸张或其他媒体上显示的HTML元素。这样可以节省大量时间。它一次控制多个网页的布局。它在页面上设置字体大小,字体系列,颜色,背景色。它允许我们向网站添加效果或动画。我们使用CSS来显示诸如按钮,效果,加载器或微调器之类的动画,以及动画背景。如果不使用CSS,该网站将不会具有吸引力。以下是3种CSS:内联CSS内部/嵌入式CSS外部CSS1.内部CSS内部...

  CSS和CSS3之间的区别

📅  最后修改于: 2020-11-06 00:44:08        🧑  作者: Mango

CSS和CSS3之间的区别CSS与HTML一起使用,并提供基本样式和网站外观。 CSS3是CSS的最新版本。 CSS3提供了JavaScript和移动开发功能以及其他功能,例如过渡,渐变等。在本节中,我们将讨论CSS和CSS3之间的区别。CSS和CSS3之间的一些本质区别是:FeaturesCSSCSS3CompatibilityThe primary purpose of CSS was to ...

  CSS position 属性

📅  最后修改于: 2020-11-06 00:46:08        🧑  作者: Mango

CSS position属性CSS position属性用于设置元素的位置。它还可用于将元素放置在另一个元素之后,并且对于脚本化动画效果很有用。您可以使用top,bottom,left和right属性定位元素。只有先设置位置属性后,才能使用这些属性。位置元素的计算位置属性是相对的,绝对的,固定的或粘滞的。让我们看一下以下CSS定位:CSS静态定位CSS固定位置CSS相对定位CSS绝对定位1)CSS...

  CSS vertical-align属性

📅  最后修改于: 2020-11-06 00:47:02        🧑  作者: Mango

CSS vertical-align属性CSS vertical-align属性属性用于定义嵌入式或表格单元格框的垂直对齐方式。它是CSS的不言自明的特性之一。对于初学者来说,这不是一件容易的事情。它能做什么它应用于内联或内联块元素。它影响元素的对齐方式,而不影响其内容。 (表格单元格除外)当将其应用于表格单元格时,它将影响单元格的内容,而不是单元格本身。CSS垂直对齐值valuedescript...

  CSS white-space

📅  最后修改于: 2020-11-06 00:47:55        🧑  作者: Mango

CSS white-spaceCSS white-space属性用于指定如何显示元素中的内容。它用于处理元素内部的空白。CSS空白值有许多空白值可用于显示元素内的内容。ValueDescriptionnormalThis is a default value. in this value, text is wrapped when necessary. sequences of white spa...

  CSS width属性

📅  最后修改于: 2020-11-06 00:48:48        🧑  作者: Mango

CSS widthCSS width属性用于设置元素内容区域的宽度。它不包括填充边框或边距。它设置元素的边框,边框和边距内部区域的宽度。CSS宽度值ValueDescriptionautoIt is a default value. it is used to calculate the width.lengthIt is used to define the width in px, cm et...

  CSS word-wrap属性

📅  最后修改于: 2020-11-06 00:49:40        🧑  作者: Mango

CSS word-wrapCSS word-wrap属性用于折断长字并换行到下一行。当不可破坏的字符串太长而无法容纳在容纳盒中时,此属性用于防止溢出。CSS 属性值ValueDescriptionnormalThis property is used to break words only at allowed break points.break-wordIt is used to break ...

  CSS outline属性

📅  最后修改于: 2020-11-06 00:50:35        🧑  作者: Mango

CSS outlineCSS outline就像CSSborder属性一样。它有助于您在元素周围绘制额外的边框以获得视觉关注。请参阅以下示例:边框和轮廓之间的区别乍一看,边框和轮廓看起来很相似,但是它们之间有一些非常重要的区别:处于边框中时,不可能为元素的四个侧面应用不同的轮廓宽度,样式和颜色。您可以将提供的值应用于元素的所有四个侧面。边框是元素尺寸的一部分,而轮廓线不是元素尺寸的一部分。意味着,...

  CSS Visibility属性

📅  最后修改于: 2020-11-06 00:51:28        🧑  作者: Mango

CSS VisibilityCSS Visibility属性用于指定元素是否可见。注意:不可见元素也会占用页面上的空间。通过使用显示属性,您可以创建不占用空间的不可见元素。句法:CSS可见性参数visible:这是默认值。它指定该元素是可见的。hidden:指定元素不可见(但仍会占用空间)。collapse:仅用于表格元素。它用于删除行或列,但不影响表布局。行或列占用的空间可用于其他内容。如果在其...

  CSS counter

📅  最后修改于: 2020-11-06 00:52:23        🧑  作者: Mango

CSS计数器CSS计数器类似于变量。这些由CSS维护,并且这些值可以由CSS规则递增以跟踪使用它们的次数。CSS计数器有助于基于CSS的简单递增和显示生成内容的数字。CSS计数器属性以下是与CSS计数器一起使用的属性的列表:counter-reset:用于创建或重置计数器。counter-increment:用于增加计数器值。content:用于插入生成的内容。counter()或counters...

  如何使用 AngularJS 清空元素的内容?

📅  最后修改于: 2021-08-29 12:04:48        🧑  作者: Mango

这里的任务是在 AngularJS 的帮助下删除 HTML DOM 中元素的内容。处理方法:首先选择要清空内容的元素。然后使用empty() 方法删除元素的内容。示例 1:在此示例中,ID(‘div’) 元素的内容被清空。输出:示例 2:在此示例中,元素及其子元素的内容被清空。输出:...

  CSS |透视属性

📅  最后修改于: 2021-08-29 12:05:05        🧑  作者: Mango

透视是 3D 对象在 2D 平面上的表示,以提供彼此之间的外观深度和距离。 CSS透视属性用于为 3D 对象提供透视。定义透视属性时,子元素获得透视,而不是父元素。因此,该值定义了孩子离 Z 平面的距离。句法:属性值:长度:长度设置子元素从查看器到 Z 平面的距离。因此,该值越小,形成的图像越精彩。句法:例子:输出:none:none 是默认值。它表示没有设置透视图。 none 相当于 0px。句...

  如何使用 Javascript 和 HTML 创建文本编辑器?

📅  最后修改于: 2021-08-29 12:05:22        🧑  作者: Mango

项目介绍:在本文中,我们将学习如何制作一个简单的文本编辑器 JavaScript 应用程序,我们可以在其中操作不同样式的用户输入,编辑输入,大写等许多字符串操作。让我们看看实现。方法:创建按钮对div中的文本进行操作。使用textarea 标签在 div 中创建 textarea 。使用document.getElementById 方法选择元素。然后使用 JavaScript 更改 CSS。in...

  如何使用 CSS 设置分割元素的不透明度级别?

📅  最后修改于: 2021-08-29 12:05:40        🧑  作者: Mango

在本文中,我们将使用 CSS 设置元素的不透明度。不透明度是描述元素透明度的元素的属性。opacity 属性用于描述元素的透明度。不透明度的值介于 0.0 到 1.0 之间,其中低值代表高透明度,高值代表低透明度。不透明度的百分比计算为不透明度% = 不透明度* 100。示例 1:HTMLHTML输出:示例 2:HTML输出:点击按钮前:点击按钮后:...