ICode9

精准搜索请尝试: 精确搜索
  • CSS Grid:是的,我们可以在网页布局上发挥创意2022-09-13 10:03:44

    CSS Grid:是的,我们可以在网页布局上发挥创意 Is creativity dead for web designers? 关于作者 Eduardo Rosa Iotti 是一名巴西前端开发人员,拥有有趣的背景:毕业于广告专业,从事图形和用户界面设计工作,现在他在 Petlove / DogHero 担任前端工程师。 CSS Grid:释放创造力! 在本文中,我想

  • 社招前端二面面试题2022-09-13 10:02:38

    说一下 web worker 在 HTML 页面中,如果在执行脚本时,页面的状态是不可相应的,直到脚本执行完成后,页面才变成可相应。web worker 是运行在后台的 js,独立于其他脚本,不会影响页面的性能。 并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候,就不会阻塞主线程了。 如何

  • 前端性能优化:网站性能优化2022-09-13 09:04:09

    网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites,把多个图片合并到一个单独的图片中,利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是,如果一张小图,需要N个颜色,就必须做N个不同颜色的小图,合并到大图里面。 使用data

  • css 行高2022-09-12 23:32:41

    文本四线,从上到下分别是顶线,中线,基线,底线。   1. 行高:是指上下文本行的基线见的垂直距离,即途中两条红线间的垂直距离。(途中上下两条同色线间的垂直距离) 2. 行距:是指一行底线到下一行顶线的垂直距离。 3.半行距:行距的一半   1.内容区:   文本行中的每一个元素都会生成一个内容

  • 使用Animate.css2022-09-12 14:31:32

    Animate.css是一个css动画库,可以做出一些非常好看的动画; 官网:https://animate.style Animate.css非常容易上手,但是动画是一开始就加载出来,不能控制; 如何通过js事件,比如点击事件控制呢? 代码: <html> <head> <meta charset="utf-8"> <title>Animate 实例</title> <!--

  • 在不到 10 分钟的时间内将您的网站变为黑暗模式! (仅限 CSS/顺风)2022-09-12 02:02:25

    在不到 10 分钟的时间内将您的网站变为黑暗模式! (仅限 CSS/顺风) Photo by 许妈妈 on 不飞溅 您是否想让您的网站设置为暗模式并且对哪种方式更好感到困惑?如果你想重构你项目的整个部分,那将花费很多时间,以至于它可能是无止境的! 如果您在项目中使用了 Tailwind 并且没有使用固定颜

  • 如何使用 HTML 和 CSS 创建彩色视频背景文本?2022-09-12 01:31:15

    如何使用 HTML 和 CSS 创建彩色视频背景文本? 像往常一样,我们首先需要获取三个文件,index.html,CSS 文件夹中的一个名为 style.css 的文件和一个名为 video 的文件夹,其中我们将在项目中使用一个短视频。 首先,我们shift+!在 index.html 文件中!我将通过按下按钮来安排语法。然后我们将

  • 致力于提高您作为 Web 开发人员的 UX/UI 设计技能2022-09-12 01:30:38

    致力于提高您作为 Web 开发人员的 UX/UI 设计技能 前端不好?学习用户体验的基础知识! Photo by 用户体验印度尼西亚 on 不飞溅 当您尝试设计您构建的网页和应用程序的布局、颜色和排版时,您是否觉得自己只是“没有得到它”?您是否一直认为自己更像是“后端那种人/女孩/人”?当您尝试

  • Shopify 登陆页面克隆 — 教程2022-09-12 00:33:05

    Shopify 登陆页面克隆 — 教程 快速介绍 在我写其他东西之前,我需要提到几件事。 ** 首先** ,我是新来的,所以请耐心等待。 ** 第二** ,如果您发现视频更具教育意义,我有一个 YouTube 教程 对于这个项目,请点击这里

  • 暗模式切换功能(仅限 CSS)2022-09-12 00:32:44

    暗模式切换功能(仅限 CSS) 如果您已经熟悉 CSS 一段时间,那么您就会知道它的强大功能,而不仅仅是平面样式的 HTML 文档。 在本文中,我将向您展示如何仅使用 CSS 在您的项目中实现暗模式切换功能! 顺便说一句,这是我的第一篇文章 中网, 所以请原谅我一定会犯的一些错误 你需要知道的事情: 1

  • css 清除浮动2022-09-11 22:04:03

    清除浮动 让浮动的子元素撑开父级元素的高度   方案1   给父元素设置高度。(缺点:父元素高度无法自适应) 方案2   给父级元素开启BFC。浮动盒子的特点和定位盒子的特点:高宽都由内容撑开(缺点:ie6,ie7没有BFC,不起作用)   overflow:hidden   定位   浮动 方案3   br标签的clea

  • 如何将一行的CSS代码变成多行的格式2022-09-11 19:01:47

    问题 打开的CSS文件中,所有的CSS代码都写在一行。例如: 解决方法 在VS Code中打开CSS文件。 在文件中右键,选择“格式化文档”即可,或者使用快捷键也可以。

  • 博客园主题美化 基础知识2022-09-11 17:02:02

    如果你想开发一款属于自己的博客园主题, 学习一些前端基础的知识是必不可少的, 包括三件套 HTML, JavaScript, CSS 等. 收录在系列文章 博客园主题美化开发系列. HTML HTML 是所有网页的基础。 如果没有 HTML,您将无法组织文本或将图像或视频添加到您的网页。 HTML 是创建引人入

  • 用 CSS 做一个选框2022-09-11 10:34:42

    我正在参加“掘金挑战守则”。详情请见: 掘金挑战赛来了! 转灯是一种比较常见的展示方式,尤其是在营销页面上,中奖信息往往以转灯的形式展示。过去在 HTML 中经常使用 marquee 来实现,但根据 W3C 规范,不再推荐使用此功能。虽然有些浏览器仍然支持它,但它可能已从相关的 Web 标准中删除,可

  • Tailwind:我们是否将我们锁定在 CSS 之外?2022-09-11 10:33:45

    Tailwind:我们是否将我们锁定在 CSS 之外? 开发人员非常关注他们是否可以,他们没有停下来思考是否应该这样做。 Background Photo by 弗洛里安橄榄 on 不飞溅 (I know it’s not CSS ) 在各种不同的项目中使用过许多 CSS 解决方案后,我现在已经开始将 Tailwind 用于中等规模的产品

  • 用于 Web 开发的 CSS 代码生成器的终极列表2022-09-11 10:33:27

    用于 Web 开发的 CSS 代码生成器的终极列表 如果您已经使用 CSS 和创建网站一段时间了,那么您很可能有以下想法: 我该怎么做呢? 那个代码片段是什么? 必须有一种更简单或更快的方法来做到这一点…… 我知道我之前写过那个代码…… 我在哪里找到那个 CSS 工具? 为了方便查找,我收集了

  • 致力于提高您作为 Web 开发人员的 UX/UI 设计技能2022-09-11 08:33:06

    致力于提高您作为 Web 开发人员的 UX/UI 设计技能 前端不好?学习用户体验的基础知识! Photo by 用户体验印度尼西亚 on 不飞溅 当您尝试设计您构建的网页和应用程序的布局、颜色和排版时,您是否觉得自己只是“没有得到它”?您是否一直认为自己更像是“后端那种人/女孩/人”?当您尝试

  • Shopify 登陆页面克隆 — 教程2022-09-11 08:32:36

    Shopify 登陆页面克隆 — 教程 快速介绍 在我写其他东西之前,我需要提到几件事。 ** 首先** ,我是新来的,所以请耐心等待。 ** 第二** ,如果您发现视频更具教育意义,我有一个 YouTube 教程 对于这个项目,请点击这里

  • css margin负值2022-09-11 06:00:29

    margin,外边距,就是设置元素的从边框最外边缘向外(正值)或者向内(负值)的延申的距离。 margin是完全透明的,看不见的。但它是元素之间的边界   margin的边界线是两个元素之间真正的边界线。   元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线(或者

  • css固定table表头2022-09-11 00:32:55

    .table-container { width: 100%; height: 100%; overflow: auto; } /* 首列固定 */ .table-container thead tr > th:first-child, .table-container tbody tr > td:first-child { position: sticky; left: 0; z-index: 1; } /* 表头固定 */ .table-container th

  • 【前端基础】前端程序员的学习方法2022-09-11 00:02:41

    非常简单——写案例就是了 看那些大网站的页面布局,自己在已经经历一遍基础学习的情况下通过html+css+js来实现,至于有那些推荐能,看一下的博客。 分享11个web前端开发实战项目案例+源码 个人推荐学的HTML与CSS方法 也许上面的太难,对于那些看完黑马或尚硅谷网课的同学来说还是有点难,

  • 掌握技术面试的 50 多个 CSS 问题和挑战2022-09-10 02:04:05

    掌握技术面试的 50 多个 CSS 问题和挑战 对于任何寻求第一次机会或申请工作的人来说,进入技术面试阶段是最令人期待的里程碑之一。如果您正在申请前端职位,您可能需要 解决一些关于 CSS 的测试和回答问题 . 考虑到这一点,我编制了一份清单 一些最常见的 CSS 问题和问题 候选人面临的

  • 如何创建简单的 CSS 3D 动画2022-09-10 02:03:32

    如何创建简单的 CSS 3D 动画 我为什么写这篇文章 前几天,我正在看一段视频,其中凯尔来自 网络开发简化 和 凯文鲍威尔 ,CSS 布道者,正在苦苦挣扎 CSSBattle . 顿时,我就想和朋友一起玩这些类型的挑战是多么有趣,所以我搜索了“css Battles”,然后我深入这个神奇的网站! 首先引起我注意的是

  • 如何在纯 CSS 中创建视差滚动效果2022-09-10 01:30:51

    如何在纯 CSS 中创建视差滚动效果 Parallax scrolling (source: wikipedia.org) 您是否见过具有漂亮视差滚动效果的网站。这就是我们今天要创造的。 视差滚动是网站的不同部分以不同速度滚动的效果。大多数人尝试利用 javascript 库来实现这一点。但在这里,我们将提供一个纯粹基于

  • CSS中浮动float带来的高度塌陷问题解决方案2022-09-09 17:03:30

    1、每个盒子设定固定的width和height,这个方法是最简单的。 .father{   height:200px;   weight:200px; } 2、给外部的父级元素页添加浮动 .father{   float:left; } 3、给父级元素添加overflow属性 其中用到了overflow的hidden、auto、scroll值 hidden:溢出隐藏 auto:当

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

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

ICode9版权所有