• 掌握了这些知识,CSS背景随便玩

    背景相关属性1.背景颜色:background-color2.背景图片:backgroud-image3.背景平铺:background-repeat4.背景位置:background-position5.背景样式连写:background6.img标签和背景图片的区别img标签有行内块元素的特点, 2024-12-05 11:15:06
  • css中的各种颜色格式

    颜色对于 css 来说是非常重要的,网站之所以会呈现出五彩斑斓的样式,就是这些颜色样式起的作用。在 css 中,对于颜色样式有很多种表达方式,今天我们就来盘点下 css 中颜色的格式。名字颜色在 css 中,默认定义了很多名字颜色,比较常见的比如 yellow,blue,red,pink 等,实际上 2024-12-05 10:32:20
  • css制作逐帧动画,好看又好玩

    网页动画图像、Flash 动画和 JavaScript 实现的效果图片,我们用最基础的CSS也能实现。制作一个简单的gif动画图,上图就是效果图。用CSS3制作动画图,你需要了解两个css属性。其一是 @keyframes因为它限定了CSS 样式和动画逐步从目前的样式更改为新的样式的变化过程。浏览器 2024-12-05 10:17:26
  • 编程技术—CSS技术<一>

    按照昨天的学习,已经能对一个网页初步的实现了,今天讲的这个css就相当于给页面穿一件漂亮的衣服~~ 话不多说,直接看我的总结如下: 1. css是什么?有什么用?HTML-------&amp;gt;页面的结构CSS:-----------&amp;gt;美化页面 2. css入门案例· 步骤1:创建一个HTML 2024-12-05 09:17:33
  • 用CSS做Loading加载动画,无限循环款~你值得保存

    无限循环款加载动画效果演示HTML代码&amp;lt;div&amp;nbsp;class=&quot;infinity-1&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;nbsp;class=&quot;infinity-2&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;nbsp;class=&quot;infinity-3&quot;&amp;gt; 2024-12-05 08:47:33
  • CSS:基础9css删除线)

    一.CSS 介绍CSS 可以对网页(html)进行修饰,美化,改变字体大小颜色,间距和加入边框等。1.使用方法(1)直接写在标签里(行列样式)&amp;lt;p style=&quot;color: blue;font-size: 2px&quot;&amp;gt;我是天才&amp;lt;/p&amp;gt;(2)写在 style 标签内(内部样式) 2024-12-04 10:32:38
  • 前端必备技能:如何使用 CSS画各种形状或图标

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的 ::before 和 ::after,这为我们 2024-12-04 10:03:10
  • CSS之字体图标知多少

    =什么是icon?让我们先来看一个例子:我们以简书为例子,图中看到的用圆圈起来的部分都是icon。这个时候你就想问了,这不就是几张图片么?不,它不是图片,而是文字什么??这怎么可能是文字,文字怎么会是这样的?...icon到底是什么正如你所看到的,现在市面上大多数网页使用的图标都是类似这样的形式,也 2024-12-04 09:48:02
  • CSS动画入门教程

    CSS Animations 101CSS 动画允许您通过为页面上的不同元素设置动画来使您的网站栩栩如生。 它是一个强大的工具,可用于创建增强用户体验的漂亮的动画,或创建作为页面焦点的更复杂的动画。今天,我们将介绍创建自己的 CSS 动画所需的一切知识。 您需要知道的第一件事是@keyframes 2024-12-04 09:33:28
  • css3——3D动画、transform-style:preserve-3d......

    1. transform-style:preserve-3d,该属性设置在父级元素中,它的子级元素具有3d效果注意:设置了该属性,就不能防止子级元素溢出,即不能设置overf:hidden属性;如果设置了overflow:hidden,那么transform-style:preserve-3d就无效 2024-12-04 09:03:07