css--网站定制公司官网 - 高端网站建设

Fetch API 入门

Fetch 是一种较新的、基于承诺的 API，它允许我们执行 Ajax 请求，而无需处理与XMLHttpRequest相关的所有麻烦。正如您将在本文中看到的，Fetch 非常易于使用和操作，并且大大简化了...

游客 2024-06-23 213 0

使用 @supports 在 CSS 中进行特性检测

CSS 中的新规则@supports可让您轻松检测访问者的浏览器中是否支持某个 CSS 功能。这样，您就可以仅在受支持的浏览器上使用这些功能，或者仅为不支持的浏览器定义特定规则，而其他...

游客 2024-06-22 183 0

CSS 主流布局案例合集1(代码)

常见的网页布局以及功能模块，涉及 HTML/HTML5、CSS/CSS3 主流布局相关知识点（常规布局和 Flex 布局等，专项 CSS 主流布局案例（针对性训练）
...

菜鸟 2024-05-05 231 0

防御式编程 - 防御式 CSS(案例)

什么是防御式编程？防御性编程是一种细致、谨慎的编程方法（习惯）。我们在写代码时常会有“以防万一”的心态，把以防万一有可能出现的情况提前考虑进去，规避以免以防万一出现带来...

游客 2024-05-04 384 0

文字晃动css动画

.shaky {display: inline-block;transform-origin: center center;animation-name: shaky-slow;animation-duration: 4s;animation-iteration-count: infinite;animation-ti...

游客 2024-04-11 318 0

foreach和map的区别(原创)

foreach和map的区别1、相同点(1)都是循环遍历数组中的每一项。(2)每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)，index(索引值)，arr(原数组)。(3)匿名函数中的th...

admin 2024-02-01 443 0

flex常用属性

给父元素加 display: flex主轴 justify-content: center 居中 justify-content: space-between 空白间隙（俩边不留） justify-content: space-around 每个item都有相同间隙（...

admin 2024-01-31 299 0

css居中相关面试题

css水平居中/*方法1:inline-block + text-align */.parent { text-algin: center;}.child { display: inline-block;}/*方法2:block + margin */.parent { margin:...

admin 2024-01-20 253 0

左右滑动导航居中

近期遇到一种需求就是，顶部自适应后可以实现左右滑动，在大屏的时候要居中首先我用的是flex布局你也一定和我一样想着使用justify-content: center来居中，这样有问题当我们在小...

admin 2024-01-19 211 0

css蜂窝效果

一个简单的效果其实就是用了clip-path这个属性，可以在这个网站快捷的使用clip-path定义自己的效果剪切路径上代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-...

admin 2024-01-19 279 0

css实现按钮边框旋转动画

效果就是这样主要思路：利用index设置不同层，然后使他的背景旋转<div class="btn"><span>秘密武器开发者中心</span></div>css如下<style>.btn {width: 150px;height: 40px;pad...

admin 2024-01-15 310 0

网站怎么设置第三方字体库（含有vue项目）

将第三方字体库应用于你的网站通常包括以下几个步骤：1. 选择字体库首先，你需要选择适合自己需求的第三方字体库。一些常见的字体库包括谷歌字体（Google Fonts）、Typekit、Font S...

admin 2023-12-25 261 0

css的box-shadow详解

这里我提供一个例子box-shadow: 0px 0px 20px 3px #444 inset;这个CSS代码片段，用于添加 "box-shadow" 或 "盒子阴影" 效果到一个HTML元素。让我们逐部分解析这个代码：box-sha...

admin 2023-12-24 227 0

弹性(flex)布局_弹性布局有那些属性

Flexbox弹性(flex)布局提供了一套强大的工具集以供我们进行布局设计。您可以在容器（父元素）上使用一些Flexbox属性，也可以在项目（子元素）上使用一些Flexbox属性。下面就列举一些...

admin 2023-12-23 307 0

css的[class*=xxx] 属性选择器的写法

[class*=mimiwuqi-com] { margin-left: 72px !important; padding-left: 0 !important;}这段代码是CSS（层叠样式表）的写法，它是用来给HTML（超文本标记语言）文档添加样式的...

admin 2023-12-22 141 0

css

标签列表