ICode9

精准搜索请尝试: 精确搜索
  • 适合初学者的 7 个有趣的 CSS 项目创意和主题 [2022]2022-09-03 12:03:50

    适合初学者的 7 个有趣的 CSS 项目创意和主题 [2022] 任何想成为网页设计师的人都必须了解 CSS 的重要性。您的网站可以使用 CSS 进行创造性的设计和布局,使其具有独特的外观。使用 CSS,您可以使用网站布局、更改字体和颜色、用有趣的效果修饰照片等等。将显示从结构 (HTML) 拆分为

  • HTML、CSS 和 JavaScript 中的所有唯一字符挑战2022-09-03 12:03:16

    HTML、CSS 和 JavaScript 中的所有唯一字符挑战 HTML: <div class="wrapper"> <h1>所有独特的字符</h1><br> <p>来自<a href="https://buttondown.email/cassidoo/archive/keep-your-face-always-toward-the-sunshine-and/">Cassid

  • 网页响应式图片2022-09-03 12:02:25

    网页响应式图片 最近我学到了一个关于响应式图像的新东西,想在这里分享一下。 众所周知,我们可以通过 CSS 和媒体查询创建响应式图像,但是 <picture> element 允许我们根据浏览器视口显示多个图像。 使用 CSS 首先,让我们看一个使用 CSS 的响应式图像示例 <img src="./src/deskto

  • 如何使用 CSS 和 HTML 创建 Glassmorphism 效果2022-09-03 12:01:33

    如何使用 CSS 和 HTML 创建 Glassmorphism 效果 Glassmorphism 效果在现代网页设计中越来越流行 Glasmorphism 是一个有点新的功能,它一直在流行,并且经常在新设计的网站上受到青睐,以赋予网站全新的独特外观。它在诸如此类的服务上越来越受欢迎 行为 和 运球 . 它使您网站的元素能够

  • css快速入门-语法2022-09-03 08:00:08

    css从位置上分类:嵌入式样式表,内部样式表,外部样式表 在一个标签上写style属性在style属性中写样式属于嵌入式样式表 在head中写的style标签属于内部样式表 html文件中不写css代码,css代码在一个css文件中写,再导入到html文件中,这就是外部样式表,在head中写link标签,在link标签中写rel="

  • CSS常用属性2022-09-02 23:00:45

    ​   /* *作者:呆萌老师 *☑csdn认证讲师 *☑51cto高级讲师 *☑腾讯课堂认证讲师 *☑网易云课堂认证讲师 *☑华为开发者学堂认证讲师 *☑爱奇艺千人名师计划成员 *在这里给大家分享技术、知识和生活 *各种干货,记得关注哦! *vx:it_daimeng */    在li中添加span等标签 设置背

  • CSS美化网页元素2022-09-02 20:31:43

    3.美化网页元素 3.1为什么要美化网页 1.有效的传递页面信息 2.美化网页,页面漂亮才能吸引用户 3.凸显页面的主题 4.提高用户的体验   span标签:重点要突出的字使用span标签套起来  <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <title>Title</t

  • Vite-Config2022-09-02 18:32:47

    Vite文档 vite.config.js import postcssPresetEnv from 'postcss-preset-env' export default defineConfig({ resolve:{ alias:{ "@": path.resolve(__dirname,"./a.js") } } optimizeDeps:{ exclu

  • 纯css做进度条2022-09-02 14:31:42

  • 建立自己的博客2022-09-02 11:01:01

    一.开通博客园 1.注册自己的账号 绑定手机,绑定邮箱 然后就有属于自己的博客园账号了,进行审批博客开通 选择自己喜欢的主题 这里我选:darkgreentrip 还可以设置自己喜欢的主题: 默认主题实在是.....额 太丑了 附上链接:https://cloud.tencent.com/developer/article/1181071 适配

  • 使用 CSS 自定义鼠标光标2022-09-02 09:05:47

    使用 CSS 自定义鼠标光标 你好,互联网上令人惊叹的人。希望你们都做得很好。 在本文中,我们将讨论 CSS 光标属性。我们将在这里看到有多少类型的值与可用的游标属性相关联。 此外,我们将研究如何使用 CSS 定义自定义 CSS 光标属性。 但是你们中的一些人可能对什么是光标有疑问。所以

  • 邮件签名:一个故事2022-09-02 09:05:32

    邮件签名:一个故事 这不是一个典型的技术博客,而是发生在我身上的非常有趣的事件。 几天前我发生了一件有趣的事。我被要求为作为组织电子邮件签名的电子邮件创建一个模板。它将添加到通过我们的系统自动发送或由营销或销售团队手动发送的每封邮件中。 我认为工作太无聊了,我得到

  • 如何安装 Tailwind CSS 解释!2022-09-02 09:04:02

    如何安装 Tailwind CSS 解释! 这篇文章是关于如何使用 Tailwind CLI 安装 Tailwind CSS 的初学者指南。您可以通过多种方式安装 Tailwind CSS,这完全取决于您正在从事的项目类型。 在开始之前,您可能需要了解以下几点: 如果你想尝试 Tailwind CSS, 顺风游戏 和 播放 CDN 是你弄脏手的

  • 如何使用 Bootstrap 处理 CSS2022-09-02 01:00:41

    如何使用 Bootstrap 处理 CSS 大家好!如果您像我一样开始使用 CSS 编码并使用它进行任何大型项目,那么您肯定会因为响应式布局、溢出和选择器特异性而感到数不清的头痛。这就是几周前我决定学习 Bootstrap 的原因,这里是它的文档和主要功能的简短描述,所以你也可以。 引导程序 Bootst

  • 如何仅使用 CSS 创建响应式网站2022-09-02 01:00:27

    如何仅使用 CSS 创建响应式网站 使用 vw 和 rem 构建响应式页面。 Photo by 用户体验商店 on 不飞溅 前言 从移动浏览器或应用程序访问的网站越来越多。对我来说,在空闲时间,我基本上是用手机访问网站。移动浏览器对用户来说很方便,但对开发人员来说却是痛苦的,因为屏幕大小不同。

  • 前端高频面试题(六)(附答案)2022-09-01 10:03:43

    如何优化动画? 对于如何优化动画,我们知道,一般情况下,动画需要频繁的操作DOM,就就会导致页面的性能问题,我们可以将动画的position属性设置为absolute或者fixed,将动画脱离文档流,这样他的回流就不会影响到页面了。 Vue 为什么要用 vm.$set() 解决对象新增属性不能响应的问题 ?你能说说如

  • 插入数值 CSS 变量2022-09-01 09:04:17

    插入数值 CSS 变量 我们可以很容易地在 CSS 中创建变量: 我们可以在任何元素上声明它们: 像这样的例子更好的是在用户交互上应用变量,比如说 :徘徊 : Example 但是,如果我们想在动画中使用该变量……nada。 那是因为变量被识别为字符串,而我们需要的是一个可以插在两个数值之间的数

  • 如何仅使用 CSS 创建响应式网站2022-09-01 09:03:18

    如何仅使用 CSS 创建响应式网站 使用 vw 和 rem 构建响应式页面。 Photo by 用户体验商店 on 不飞溅 前言 从移动浏览器或应用程序访问的网站越来越多。对我来说,在空闲时间,我基本上是用手机访问网站。移动浏览器对用户来说很方便,但对开发人员来说却是痛苦的,因为屏幕大小不同。

  • px,魔法单位 | CSS2022-09-01 01:04:36

    px,魔法单位 | CSS 1px 是指 CSS 中每个屏幕上的 1 个像素吗? 我们都在 CSS 中使用 px 单位来为宽度、高度、边距、字体大小等赋值。但这里的问题是一个像素到底是多少。它是否适用于所有屏幕尺寸? 简短的回答是 px 不固定 , 但是 1px 会有 相同的视觉外观 与屏幕像素比、屏幕尺寸或

  • NO.6 HTML+CSS 笔记2022-08-31 22:04:09

    第一节 1、HTML + CSS是两门语言,联合起来可以开发网页 2、HTML + CSS + JavaScript = 网页 3、HTML:超文本标记语言:定义网页中有哪些内容 4、CSS:层叠样式表:定义网页中的东西长什么样子 5、Visual Studio Code:通用编辑器,通用编辑器 6、MarkDowm:文档格式标准。让文档编辑者仅关注内

  • 前端——CSS2022-08-31 22:02:37

    CSS 指的是层叠样式表 (Cascading Style Sheets) 述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 节省了大量工作。它可以同时控制多张网页的布局 CSS语法 CSS 规则集(rule-set)由选择器和声明块组成:   选择器指向您需要设置样式的 HTML 元素。 声明块包含一条或多条用分

  • webpack css-loader模块化导致的antd样式不好用解决方案2022-08-31 20:34:32

    css-loader 模块化会导致 antd 样式文件无效,解决的方式就是排除 node_modules 下的目标文件就可以 如果你用的 less 就可以按以下方式来配置 { test: /\.less$/, include: /node_modules/, // node_modules 下的 less 文件不使用模块化 use: [ { loader: MiniCssE

  • vue-cli 配置优化2022-08-31 14:01:38

    本文整理了一些 vue 开发中常用 vue-cli 配置,使用的 vue-cli 版本为 3.11.0,主要内容包括: 移除 preload 与 prefetch 使用 webpack-bundle-analyzer 做打包分析 使用 terser-webpack-plugin 清除 console.log 使用 compression-webpack-plugin 开启 gzip 压缩 配置使用 CDN 方式

  • 【学习笔记】CSS 动画keyframes2022-08-31 03:32:45

    【学习笔记】CSS 动画keyframes 必要项目 @keyframes 动画名称 对应 animation-name: 动画名称 动画持续时间 ,指动画开始到结束时间,预设为0,若没有设定,动画不会执行。 下图即box 物件从距离左边0px 位置往右移200px、从粉色变成绿色的写法。由于.box1里面有写背景色red,所以动画开

  • 2022 年 8 月前端更新:TypeScript、软件设计模式、焦点样式和单个 CSS 转换属性中的 SOLID 原则2022-08-31 03:32:03

    2022 年 8 月前端更新:TypeScript、软件设计模式、焦点样式和单个 CSS 转换属性中的 SOLID 原则 本月我们将介绍 TypeScript 中的 SOLID 原则、React 应用程序的软件设计模式、焦点样式和新的单独 CSS 转换属性。 由 Whitespectre 工程团队提供 August 2022 Frontend Updates: SOL

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有