服务器之家
您的位置： 首页 编程语言 css
全部 Javascript css php

  • 使用CSS的position: sticky属性实现吸顶后改变高度

    效果图:整体思路:标题的地方做了两层, 外层容器, 内层放内容, 两层都做了吸顶效果两层容器有高度差, 我们把这个差值通过top属性挪上去, 然而内层也做了吸顶效果, 就会卡在 top: 0的位置, 相当于只展示了内层, 看起来就高度缩小了所有代码<!DOCTYPE html>< 2024-12-19 08:18:26

  • CSS测试说明

    你的CSS（关键游泳速度）是你游泳时的阈值速度。这大概是你游1500米的速度。 例如在队中，1号泳道的游泳运动员的阈值速度为1：50-2：00 / 100m，泳道2：1：40-1：50 / 100m，泳道3：1：25-1：40 / 100m和泳道4：1：15-1：25 / 100m。 CSS训练：每 2024-12-18 11:00:13

  • CSS中字体图标入门

    1.什么是字体图标可以看作一种特殊字体，其展示的是图标，而不再是文字，其拥有字体的特性，比如大小、颜色、透明效果、阴影等，字体图标加载快、不变形。也可以看作是矢量格式的图标。2.字体图标常用免费资源（1）iconmoon字体图标库：https://icomoon.io/app（2）阿里iconfon 2024-12-18 10:45:49

  • 如何使用CSS设计3D中华烟盒模型

    最近华子名声响亮，各种短视频都充满了大金链子与华子。结合实际教学需要，我也来凑一个热度，使用CSS提供动画与3D变形属性设计一个可以旋转的3D中华烟盒。实际效果如下图所示：3D旋转中华烟盒效果3D旋转烟盒效果如上图所示，该模型主要使用CSS animation动画属性与transform属性设计并实 2024-12-18 10:18:29

  • CSS奇思妙想-使用background创造美妙背景

    CSS奇思妙想 -- 使用 background 创造各种美妙的背景使用 mask除去混合模式，与背景相关的，还有一个非常有意思的属性 -- MASK。mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。对 mask 2024-12-18 09:49:15

  • css基础篇--背景样式

    在CSS中，背景样式主要包括背景颜色和背景图像。在传统的布局中，只能使用少数的标签来定义背景图像和背景颜色。但是随着Web2.0时代的到来，设置背景样式不再使用传统HTML属性来定义，转而使用无限制、更灵活的CSS来定义。目标设置背景颜色设置背景图片操作背景图片样式背景颜色-background-c 2024-12-18 09:18:13

  • CSS3 box-shadow实现背景动画

    前言语法： box-shadow: h-shadow v-shadow blur spread color inset;box-shadow，向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。参数 2024-12-18 08:33:02

  • css颜色单位表示法

    所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256256256种颜色。CSS纵有多种颜色表示：十六进制表示法：可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。例如：＃000 2024-12-18 08:03:21

  • Web前端开发技术，CSS字体属性介绍，提升前端小白能力

    字体1、使用CSS属性指定和改变字体外观，常见的属性有：font-style: italic; 定义字体的风格font-weight: bold; 定义字体粗细font-size: 20px; 定义字体大小line-height: 30px; 定义一段文字的行高还可以使用简写形式，把所有属性值放到f 2024-12-17 11:00:19

  • CSS 知识总结—CSS的动画

    CSS简介1.什么是CSS？CSS：Cascading Style sheet层叠样式表或级联样式表 是一种样式设置规则，用于控制页面的外观的样式2.为什么使用CSS？实现内容与样式的分离，方便团队开发样式复用，便于网站后期维护页面的精确控制，让页面更精美3.CSS作用页面外观美化布局和定位CSS动 2024-12-17 10:35:02