前端入门+HTMl+CSS

纯 HTML + CSS 实现圆形 loading 动画效果

记录使用纯HTML+CSS实现圆形loading加载动画效果。效果图如下：注：是具有旋转的动画效果的。
廖若星辰LTY·2023-08-20 00:16

JavaScript中的作用域（scope）是什么？以及有哪些类型的作用域？

1.全局作用域（GlobalScope）2.局部作用域（LocalScope）3.块级作用域（BlockScope）⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-19 14:53

什么是变量提升（hoisting）？它在JavaScript中是如何工作的？

聚沙成塔·每天进步一点点⭐专栏简介⭐变量提升（Hoisting）⭐变量提升的示例：⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-19 14:52

JavaScript中的变量声明方式有哪些？

聚沙成塔·每天进步一点点⭐专栏简介⭐变量声明方式`var`声明（ES5及以前）`let`声明（ES6以后）`const`声明（ES6以后）⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-19 14:22

什么是闭包（closure）？为什么它在JavaScript中很有用？

⭐闭包的用处⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-19 14:21

CSS中的transform属性有哪些值？并分别描述它们的作用。

scaleY()⭐rotateX()、rotateY()和rotateZ()⭐translateX()和translateY()⭐skewX()和skewY()⭐perspective()⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-18 22:55

HTML+CSS实战--品优购

品优购一、品优购项目规划1.1网站制作流程1.2品优购整体项目介绍1.3品优购项目的学习目的1.4开发工具以及技术栈1.4.1开发工具1.4.2技术栈1.5品优购项目搭建工作1.5.1需要创建如下文件夹1.5.2需要创建如下文件1.5.3模块开发1.6网站favicon图标1.6.1.制作favicon图标1.7网站TDK三大标签SEO优化1.7.1title网站标题1.7.2descriptio
*MaybE·2023-08-18 14:57

CSS中的字体属性有哪些值,并分别描述它们的作用。

font-size`⭐`font-family`⭐`font-variant`⭐`line-height`⭐`letter-spacing`⭐`word-spacing`⭐`font`⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-18 10:27

什么是flexbox布局？它有什么特点和优势？

⭐特点和优势⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-18 10:26

如何使用CSS实现一个无限滚动效果（Infinite Scroll）？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现无限滚动效果（InfiniteScroll）⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-18 10:26

CSS中的z-index属性有什么作用？如何控制元素在层叠上下文中的显示顺序？

聚沙成塔·每天进步一点点⭐专栏简介⭐`z-index`属性的作用及控制元素层叠顺序作用⭐控制元素层叠顺序⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-18 10:25

HTML+CSS复习第三天

H5新标签新增标签必须在IE9版本进行使用如果考虑兼容性问题，我们不能使用这些标签H5新增的语义化标签有：Header标签：头部标签Footer标签：尾部标签nav标签：导航标签article标签：独立内容区域标签aside标签：侧边栏标签veido:视频标签audio：音频标签等等。。。字体图标字体图标：我们可以使用[阿里矢量图表库](https://www.iconfont.cn/)里面有相应
爱程序的大马猴·2023-08-18 06:39

CSS中的calc()函数有什么作用？

聚沙成塔·每天进步一点点⭐专栏简介⭐CSS中的`calc()`函数及其作用⭐作用⭐示例1.动态计算宽度：2.响应式布局：3.自适应字体大小：4.计算间距：⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-17 15:39

如何使用CSS实现一个渐变背景效果？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现渐变背景效果⭐线性渐变（LinearGradient）⭐径向渐变（RadialGradient）⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-17 15:09

如何使用CSS实现一个响应式视频播放器？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现响应式视频播放器⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-17 08:05

如何使用CSS实现一个平滑过渡效果？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现平滑过渡效果⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-17 08:05

什么是CSS预处理器？请列举几个常见的CSS预处理器。

⭐常见的CSS预处理器⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-17 08:35

如何使用CSS实现一个瀑布流布局？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现瀑布流布局⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-17 08:34

前端新手学习路线

特点符号表大纲前言-学编程需要的特质一、前端入门⭐️开发工具浏览器编辑器文档笔记⭐️HTML⭐️CSS⭐️JavaScript✅ES6+特性二、巩固基础前端基础知识计算机基础✅算法和数据结构✅计算机网络
不爱吃糖的程序媛·2023-08-17 07:41

CSS中的position属性有哪些值，并分别描述它们的作用。

聚沙成塔·每天进步一点点⭐专栏简介⭐static⭐relative⭐absolute⭐fixed⭐sticky⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-16 22:56

前端

1.网页布局HTML+CSS技能要求学会用工具（如PS）切图，将设计稿还原成网页布局掌握常规布局方法：文档流布局，flex布局，grid布局，居中，浮动……HTML5和CSS3属性的使用：HTML5:https
·2023-08-16 12:23

如何使用CSS实现一个模态框（Modal）效果？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现模态框（Modal）效果⭐HTML结构⭐CSS样式⭐JavaScript⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-15 08:01

如何使用CSS实现一个纯CSS的滚动条样式？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现自定义滚动条样式⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-15 08:01

什么是层叠上下文（stacking context）？它是如何形成的？

⭐层叠上下文的形成⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-15 08:01

如何使用CSS实现一个响应式网格布局？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现响应式网格布局⭐设置基本的HTML结构⭐创建基本的CSS样式⭐添加媒体查询以实现响应式效果⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-15 08:30

什么是浮动（float）？如何清除浮动？

每天进步一点点⭐专栏简介⭐浮动（Float）和清除浮动⭐浮动的使用⭐清除浮动1.空元素法（EmptyElementMethod）2.使用ClearfixHack3.使用Overflow⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-14 16:30

请解释一下CSS中的rem和em单位有什么不同，分别如何使用？

聚沙成塔·每天进步一点点⭐专栏简介⭐CSS中的rem和em单位的区别和使用⭐em单位使用示例：⭐rem单位使用示例：⭐区别和适用场景⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-14 16:00

什么是伪类选择器？

聚沙成塔·每天进步一点点⭐专栏简介⭐伪类选择器⭐一些常见的伪类选择器示例：:hover:active:focus:nth-child(n):first-child和:last-child⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-14 16:00

如何使用CSS实现一个下拉菜单？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用CSS实现下拉菜单⭐HTML结构⭐CSS样式⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-14 16:00

什么是CSS中的渐变（gradient）？如何使用CSS创建线性渐变和径向渐变？

聚沙成塔·每天进步一点点⭐专栏简介⭐渐变（Gradient）在CSS中的应用⭐线性渐变（LinearGradient）语法：示例：⭐径向渐变（RadialGradient）语法：示例：⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-14 16:29

什么是CSS的box-sizing属性？它有哪些取值，各有什么不同？

聚沙成塔·每天进步一点点⭐专栏简介⭐CSS的box-sizing属性⭐取值⭐不同之处⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-14 10:43

如何在CSS中水平居中一个元素？

聚沙成塔·每天进步一点点⭐专栏简介⭐使用margin:0auto⭐使用Flexbox布局⭐使用绝对定位和负边距⭐使用表格布局⭐使用网格布局⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-13 14:13

什么是CSS Grid布局？什么是Flexbox布局？它们两者有什么不同？

聚沙成塔·每天进步一点点⭐专栏简介⭐CSSGrid布局⭐Flexbox布局⭐不同之处⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-12 22:54

什么是响应式设计？列举几种实现响应式设计的方法。

⭐实现响应式设计的方法⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！
几何心凉·2023-08-12 22:24

如何通过CSS选择器选择一个元素的子元素？如何选择第一个子元素和最后一个子元素？

聚沙成塔·每天进步一点点⭐专栏简介⭐选择一个元素的子元素⭐选择第一个子元素和最后一个子元素⭐注意事项⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-12 22:24

什么是BFC？它有什么作用？如何创建BFC？

聚沙成塔·每天进步一点点⭐专栏简介⭐什么是BFC⭐BFC的作用⭐创建BFC的方法⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-12 22:54

伪类和伪元素有何区别？

聚沙成塔·每天进步一点点⭐专栏简介⭐伪类（Pseudo-class）⭐伪元素（Pseudo-element）⭐区别总结⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉·2023-08-12 22:54

【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!

个人主页极客小俊✍作者简介：web开发者、设计师、技术分享博主希望大家多多支持一下,我们一起进步！如果文章对你有帮助的话，欢迎评论点赞收藏加关注场景问题描述环境测试:Chrome、Edge、Opera、FireFox举个栗子当你在li元素中直接放入图片img元素之后,默认就会出现一个bug,也就是图片显示相互之间存在间隙,即便是你把所有元素的内外边距都清除之后，还是存在这个问题!代码案例htmlc
极客小俊·2023-08-12 12:35

CSS3 中新增了哪些常见的特性？

TextShadow）⭐透明度（Opacity）⭐过渡（Transitions）⭐动画（Animations）⭐转换（Transforms）⭐弹性布局（Flexbox）⭐网格布局（Grid）⭐写在最后⭐专栏简介前端入门之旅
几何心凉·2023-08-12 08:25

web前端入门到实战：CSS奇淫技巧 :视差图像，sticky footer 混合模式等等

CSS是一种独特的语言。乍一看，这似乎很简单,但是，某些在理论上看起来很简单的效果在实践中往往不那么明显。在本文中，我将分享一些在大多数CSS教程中不太可能找到的有用技巧。1.StickyFooter这个非常常见的需求,但对于初学者来说可能是个难题。对于大多数项目，不管内容的大小，都希望页脚停留在屏幕的底部—如果页面的内容经过了视图端口，页脚应该进行调整。在CSS3之前，如果不知道脚的确切高度，就
魔方编程·2023-08-12 07:02

web前端入门到实战：css如何实现n宫格布局?

常见应用场景现在的APP界面基本都是大同小异,宫格布局现在基本成了每个APP必然的存在.带边框,常用在"功能导航"页面无边框,常用在首页分类设计目标在scss环境下,通过mixin实现n宫格,并且可以支持"有无边框"和"每个格是否正方形":@includegrid(3,3,true);//3x3,有边框,且每个格为正方形@includegrid(2,5,false,false);//2x5,无边框
魔方编程·2023-08-12 07:32

web前端入门到实战：html的组成部分、DIV+CSS布局

HTML的组成部分dtd部分：文档类型说明，声明版本、标准header部分：给机器看的body部分：给人看的CSS控制div显示是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是固有的唯一格式表现。可以通过的class或id应用额外的样式。如下代码是CSS通过id设置每个div的宽高和背景色Document<styletype
魔方编程·2023-08-12 07:32

web前端入门到实战：CSS工具-Flexbox简易入门教程

近几年，CSS领域出现了一些复杂的专用布局工具，用以代替原有的诸如使用表格、浮动和绝对定位之类的各种变通方案。Flexbox，或者说是弹性盒子布局模块（FlexibleBoxLayoutModule）是这些新布局工具中的第一个，接着是CSS网格布局模块（CSSGridLayoutModule）。我们会在本文给出一个易于理解的flexbox入门介绍。随着CSS网格布局的引入，你可能会问flexbox
魔方编程·2023-08-12 07:32

web前端入门到实战：CSS三栏布局的5种方法详解

题目:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应.三栏布局的5种方案这是一道经典的面试题，下面记录了css布局的5种方法。三栏布局*{margin:0;padding:0;}1.浮动解决方案web前端开发学习Q-q-u-n：767273102，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）.layout.floatart
魔方编程·2023-08-12 07:02

零基础web前端学习路线【全新web前端入门视频教程】

零基础怎么学web前端?下面就一起来看看吧!想学好web前端，该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础前端学习路线分享给大家。适合零基础学员的web前端学习路线分享给大家：1、HTML5介绍内容包括：(互联网发展趋势、H5语言的优势、简单易学人人都能编程H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向)2、HTML基础内容包括：(HT
白T恤架构师·2023-08-12 07:27

web前端入门到实战：css的变量教程,更强大的css

css的变量教程,更强大的css当微软宣布Edge浏览器将支持CSS变量。这个重要的CSS新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生CSS从此变得异常强大。一、变量的声明声明变量的时候，变量名前面要加两根连词线（–）。body{--foo:#7F583F;--bar:#F7EFD2;}上面代码中，body选择器里面声明了两个变量：–foo和–bar。它们与color、
白T恤架构师·2023-08-12 07:57

web前端入门到实战：CSS 类名范式一览

今天我们来回顾几种常见的CSS的类名范式OOCSSBEMSMACSSACSSCSS的特性不断增强，预编译框架也层出不穷，但是即使使用cssModules这样的scope技术，我们仍需要一些范式来指导我们在局部更规范合理地给类取名字。上面介绍的范式都不是什么新鲜事物，有的甚至相当有历史了，回顾他们主要目的在于帮助我们抬起头来重新想一想当初为什么我们选择了某一种范式（比如BEM）来进行我们的类命名：不
白T恤架构师·2023-08-12 07:26

HTML+CSS静态网页设计：(房地产网站设计与实现6页)

精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
我是学长霸霸·2023-08-11 20:42

nginx部署html+css页面 css没有生效

在linux上部署完nginx服务，把能正常打开的html+css文件丢到nginx指定的目录，发现css文件没有生效。检测了一下，发现css文件已经请求到了，但是并没有起作用。
不会秃头·2023-08-11 06:09

JS的学习（第一个效果-鼠标提示框）

在学习JS的时候，首先我们要清楚编写JS的流程布局：HTML+CSS属性：确定要修改哪些属性事件：确定用户做哪些操作（产品设计）编写JS：在事件中，用JS来修改页面元素样式当我们清楚的知道编写JS的流程后
StrawberrySan·2023-08-11 02:43
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他