• 编程技术—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
  • 前端和设计师都要知道的css长度单位(css单位pt)

    css的长度单位分为两种,一种为绝对长度,一种为相对长度。日常设计与开发中或多或少都会接触到。前端毕竟是根据设计稿写页面,UI设计师也是按照规范去设计页面。绝对长度px即像素pixel,它是最基础也是最常用的一个长度单位cm厘米, 1cm=37.8pxmm毫米,1mm=3.78pxin即英尺inch 2024-12-03 10:46:09
  • 这款CSS按钮库太漂亮了,以后就用她了

      今天小编推荐一款Web上的按钮库Buttons,Buttons是一个高度可定制的、免费并且开源的按钮CSS样式库。效果预览 2024-12-03 10:03:14
  • HTML+CSS制作简易百度首页(代码)

    &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;百度一下,你就知道&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt; 2024-12-03 08:48:45