E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
WEB前端入门
web前端入门
到实战:7道简单的 JavaScript 面试题,三个月没招到一个前端开发工程师
你能做什么?遵循这个建议:“熟能生巧”。通过投入足够的时间,更好地定期深入了解JavaScript,将改善你的编码,并顺便提高你的面试技巧。在这篇文章中,你会发现7个乍一看很简单,但实际上很棘手的JavaScript面试题。虽然一开始这些问题看起来是随机的,但是它们试图与JavaScript的重要概念挂钩。所以你最好在下次面试前练习一下!1.意外的全局变量问题在以下代码中,typeofa和type
大前端世界
·
2024-02-20 14:51
web前端入门
到实战:CSS开发中的十大错误用法
自从接触前端软件开发以来,我发现开发猿一直在努力征服着CSS。理由也很充分,开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV“浮”到左侧,感觉没有任何意义。你也一定听到过开发人员的抱怨:“我们只需要向左边移动五个像素,但是…天哪!为什么整个都向下移动了一行。到底是哪里错了?!?!?!”所以,这篇文章就和大家来聊一聊CSS中的十大错误的做法。1.不要滥用类
大前端世界
·
2024-02-13 04:53
web前端入门
开发,CSS复合选择器,知乎上转疯了!
前端的兴起前端真正兴起和开始频繁出现在大家的视线里,大概是在十年前。彼时的Web开发基本是由后端主导,前端能做的只是校验一下数据、操作一下DOM。(其中数据检验是JS产生的根本原因:当时网络太慢,在服务端检验数据并反馈给用户,让用户知晓输入错误,这个流程太长、反应太慢,因此通过脚本在用户端完成第一步校验,既方便了用户,又减轻了带宽的压力。)即使06年jQuery发布并风靡全球,以及XMLHttpR
高级Java面试题大全
·
2024-02-06 08:06
程序员
经验分享
前端
面试
web前端入门
到实战:仅3行核心css代码的rate评分组件,秀到头皮发麻
用css实现一个rate评分❗核心代码也就三行效果图原理梳理如下:去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库]、;借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中✅,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前选中的所有兄弟元素都一起高亮;把5个radio单选框反向排列❗;代码这是我事先生成好的iconfont一个很简
大前端世界
·
2024-02-01 13:31
Web前端入门
- HTML JavaScript Vue
ps:刚开始学习web前端开发,有什么不正确、不标准的内容,欢迎大家指出~Web简介90年代初期,Web1.0,静态页面,不和服务器交互,网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期,Web2.0,动态页面,HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为。Ajax、jQuery等技术。2010年代,移动互联网,响应式设计、单页面应用
小小爱1990
·
2024-02-01 12:02
Web开发
javascript
html
vue.js
web
黑马pink老师
Web前端入门
笔记(二)
Web前端入门
二、HTML标签(一)学习目标(二)HTML语法规范(三)HTML基本结构标签(四)开发工具(五)HTML常用标签1、语义标签:2、标题标签(重要):3、段落和换行标签(重要):4、文本格式标签
耿天霸
·
2024-02-01 10:13
前端
html
js
css
web前端入门
到实战:js函数与作用域,了解函数基本概念
通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if,switch选择;循环forwhile;下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数?简单来说是为了提高代码的复用性,写一遍可以多次使用,把特定的功能语句打包
大前端世界
·
2024-02-01 10:32
Web前端入门
学习笔记 HTML、CSS、Javascript、Jquery
Web学习笔记文章目录一.前言参考资料二.HTML基础HTML概述img标签Div标签表单Web语义化三.CSS样式CSS概述CSS添加方法选择器CSS文本样式CSS背景样式CSS超链接列表,表格样式四.CSS布局与定位概述盒子模型CSS定位概述文档流定位浮动定位层定位弹性盒子布局网格布局精灵图五、CSS3盒子圆角边框阴影文字与文本2D转换过渡效果3D变换六、JavaScript加入JS代码的方法
love is sour
·
2024-01-31 21:28
前端
javascript
前端
学习
web前端入门
到实战:26个CSS小技巧,开发各种炫酷网页效果必备!
本文总结日常开发中26个CSS实现方法,如有遗漏或补充,还请指正!解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移.wrap{display:inline-block;overflow:hiddenvertical-align:bottom}超出部分显示省略号//单行文本.wrap{overflow:hidden;/*超出部分隐藏*/text-over
大前端世界
·
2024-01-30 03:53
web前端入门
:Html、CSS完成九宫格
用html、css制作一个简单的九宫格,显示完整的拼图效果。1.建一个三行三列的表格;2.设置一个图片背景;3.使用background-position属性来移动背景图片位置。关于设置背景属性,可以参考以下文档!http://css.doyoe.com/properties/background/background-position.htm代码如下:九宫格table{width:400px;h
莫得信服
·
2024-01-28 12:30
web前端
html5
css
前端
web前端入门
到实战:总结让元素水平垂直居中的方法
前端开发中,我们经常需要对元素进行水平垂直居中。为此,特地总结了让元素居中的方法。水平居中text-align:center;这个是没有浮动的情况下,我们可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;即可。如果要居中的块级元素直接是内联元素(span、img、a等),直接在其父级元素上加上属性text-align:c
大前端世界
·
2024-01-26 06:51
web前端入门
到实战:网页开发中字体,字号与尺寸对应表
了解字体的一样常识,不管做一份文档编辑还是网页开发,都是很有必要的。整齐划一,井然有序才终是大家之道。1.字体在文档编辑中,我们常用的是宋体,小四号字,新罗马字体,字母和数字用的是Arial字体,段落首行缩进2个字体,采用多倍行距中的1.25倍行距。在网页开发中,普遍偏爱微软雅黑与宋体,14/16px,非衬线体。2.字号印刷文字有大、小的不同变化,排版及图象处理软件中汉字字体大小的计量,前主要采用
大前端世界
·
2024-01-25 00:41
web前端入门
到实战:CSS :placeholder-shown伪类实现输入框浮动文字效果
在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。浮动的文字标签当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的:label标签是关联表单元素,提供说明信息最适合的元素。输入框的placeholder属性允许您指定没有输入内容时出现在元素内的文本。它用于显示示例文字,而不是解释或提示。这两个标签属性可以
大前端世界
·
2024-01-21 12:12
web前端入门
到实战:js的局部变量和全局变量的区别
js是一个弱类型语言,同一个变量一会儿可以储存数据,一会儿可以存储字符串。全局变量:直接定义的变量是全局变量,可以被所有的脚本所访问到。局部变量:在函数定义里申明的变量。重点:局部变量只在函数内有效,同一个变量名如果在同时出现,则局部变量覆盖全局变量。代码说明:一、局部变量和全局变量重名会覆盖全局变量vara=1;functiontest1(){vara=2;alert(a);}test1();/
大前端世界
·
2024-01-21 02:34
web前端入门
到实战:行内和块状元素水平居中与单行或多行文本垂直居中及隐性改变display类型
行内元素水平居中如何设置?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center来实现的。12345行内水平居中设置67div.box1,h5{8border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/9text-align:center;10}11121314行内元素水平居中如何设置?如果被设置元素为文本、图片等行内元素时
大前端世界
·
2024-01-20 22:19
web前端入门
到实战:HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签article文章header头部nav导航section区域aside侧边栏hgroup区块的相关信息figure定义一组内容及标题figcaption定义figure元素的标题footer底部dialog对话框使用习惯:header/section/footer>aside/article/figure/hgroup/nav>divembed可插入flash文件,但f
大前端世界
·
2024-01-20 21:50
web前端入门
到实战:CSS实现空心三角指示箭头原理
web开发中,三角形的日常应用,以三角形指示箭头最为常见,其用CSS来实现非常简单,熟悉了之后相比于引入SVG或是背景图片会是更好更灵活的选择。而三角箭头一般而言,又分为两种,一种是视觉上没有边框的,我们叫做实心三角形;还有一种是视觉上有边框的,而三角箭头刨去边框的部分又要与主体元素的背景颜色一致,我们叫做空心三角形。言归正传,讲一下怎样实现的。首先,讲一下三角形的实现原理,熟悉的同学可以跳过这一
大前端世界
·
2024-01-15 11:57
web前端入门
到实战:32道常见的js面试题
JS面试题:【点击这里领取面试题资料】1.javascript的typeof返回哪些数据类型string,boolean,number,undefined,function,object2.例举3种强制类型转换和2种隐式类型转换?强制(parseInt,parseFloat,number)隐式(=====+-)3.split()和join()的区别split()是将字符串切割成数组的形式,join
程序员阿野
·
2024-01-12 11:37
web前端入门
到实战:HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法
元素浮动定义float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在CSS中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。why子元素浮动会导致父元素高度
大前端世界
·
2024-01-11 20:06
web前端入门
到实战:css3基础-选择器+边框与圆角+背景与渐变
Css3****选择器相关:section>div直接子元素选择器div+article相邻兄弟选择器(在元素之后出现)div~article通用兄弟选择器(在元素之后出现)属性选择器:a[href]{text-decoration:none;}a[href="#"]{color:#f00;}/*包含two且属性值用空格分隔:*/a[class~="two"]{color:#ff0;}/*属性的第
大前端世界
·
2024-01-11 01:13
web前端入门
到实战:实现点击按钮后CSS加载效果
效果演示先来看一下完成的效果。实现过程这个效果其实很容易,先来看一下原本的按钮长相,就只是个div套用CSS而已。HTML:clickmeCSS:.btn{position:relative;width:200px;height:30px;line-height:30px;text-align:center;border-radius:3px;background:#5ad;color:#fff;
大前端世界
·
2024-01-05 04:43
web前端入门
到实战:table中cesllspacing与cellpadding的区别
table是什么?它是由一个个cell单元格构成的,在表格中,的个数取决于每行中包裹的cell单元格个数!此外,默认table表格在没有添加css样式tabletrtd,th{border:1pxsolid#000;}之前,在浏览器中显示是没有表格线的;html中常见table写法:A.…:表格的一行,有几对tr表格就有几行;B.…:表格的一个单元格,一行中包含几对...,说明一行中就有几列;C.
大前端世界
·
2023-12-29 04:28
web前端入门
到实战:异步加载CSS最简单的实现方式
我们想提高网页性能的最有影响力的措施之一,就是以不延迟网页渲染的方式加载CSS。在默认情况下,浏览器在加载CSS时将终止页面的样式呈现(同步加载),也就是加载CSS会阻塞DOM树的渲染(但并不会阻塞DOM树的构建),可以简单理解为:当在加载CSS的同时,也在构建DOM树,只是没有应用上样式。渲染流程简单过一遍浏览器渲染的流程:加载HTML资源解析HTML加载CSS资源,同时构建DOM树解析CSS,
大前端世界
·
2023-12-28 10:41
web前端入门
-【常用文本标签】
换行标签换行标签是一个单标签,在网页文字排版中实现换行的效果H标签H标签可以使标题变大变粗,默认实现换行的效果;相对于正文而言,h1标签有着更大的行间距;除了h1标签还有h2、h3…h6;标题比正文有更高的权重。一级标题P标签P标签包裹的文字,默认也具有换行的效果,当加入P标签后,前后会有大于正文的行间距作为段落之间的区隔;在P标签的内部,可以嵌套其他的标签P标签pre标签pre标签可以预定义格式
摸鱼带师小弟
·
2023-12-18 22:50
前端
html
css
web前端入门
到实战:CSS没有边界的裁剪路径 - Clip Paths
在深入研究之前,我们应该先看看基本的形状和clip-path。裁剪路径可以将CSSShapes如circle()、ellipse(),inset()或自由变化的polygon()应用于任何元素。元素中不在形状边界内的任何内容都将被裁剪删除掉。使用多边形函数,我们可以创建三角形、星形或其他形状,虽然在可以使用px等固定单位,但百分比将提供更大的灵活性并自适应于元素的尺寸。所以对于一个八边形,我们可以
大前端世界
·
2023-12-17 10:00
web前端入门
到实战:彻底掌握css动画【animation】
马上就2020年了,不知道小伙伴们今年学习了css3动画了吗?说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了许多程序员比较排斥来学习css动画(至少我是),但是一个不懂css动画的前端工程师不能称之为掌握css3,其实当你真正学习css动画之后,你会被它的魅力所吸引的,它可以减少代码量、提高性能。上一篇文章我
大前端世界
·
2023-12-15 05:22
web前端入门
到实战:JS-DOM事件
JSDOM****设置元素属性设置id为box的这个元素的文字颜色,属性是减号连接的复合形式时必需要转换为驼峰形式varbox=document.getElementById("box");box.style.color='#f00';box.style.fontWeight="bold";varlis=document.getElementById("list").getElementsByTa
大前端世界
·
2023-12-03 04:06
web前端入门
到实战:10个demo示例学会CSS3 radial-gradient径向渐变
一、语法细节记不住怎么办?实际开发的时候,当要使用radial-gradient径向渐变的时候,脑中会有大概的语法,但是细节却记不住,于是想快捷找个案例看看具体怎么用,然后直接套一下。通常一番搜索,会发现虽然是个简单需求,但是正好满足这个需求的页面却不好找,乱糟糟的。下次遇到这种场景,直接来本站搜“径向渐变”,或者直接搜索“渐变”,就有专门展示radial-gradient径向渐变基本语法使用案例
大前端世界
·
2023-12-01 08:53
web前端入门
到实战:简析 js 碰撞检测原理与算法实现
碰撞检测(边界检测)在前端游戏,以及涉及拖拽交互的场景应用十分广泛。那么啥叫碰撞?JavaScript又是如何检测DOM发生碰撞的呢?碰撞,顾名思义,就是两个物体碰撞在了一起,眼睛是可以直观的观察到碰撞的发生。但对于前端实现,如何让JavaScript代码理解两个独立的“物体”(DOM)碰撞在一起呢。这就涉及到碰撞检测(或者叫边界检测)的问题了。碰撞检测的常见需求场景:前端常见的的碰撞,我们可以粗
大前端世界
·
2023-11-27 11:06
web前端入门
到实战:详细解读 CSS 优先级,你与成熟前端的差距!
CSS优先级注意事项1、优先级就是分配给指定的CSS声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。2、而当优先级与多个CSS声明中任意一个声明的优先级相等的时候,CSS中最后的那个声明将会被应用到元素上。3、当同一个元素有多个声明的时候,优先级才会有意义。因为每一个直接作用于元素的CSS规则总是会接管/覆盖(takeover)该元素从祖先元素继承而来的规则。4、可以这样来看:选择
大前端世界
·
2023-11-26 21:51
【前端开发学习笔记01】黑马-
Web前端入门
黑马前端H5+CSS基础笔记整理(自用)一、HTML初识(一)基础认知1.基础概念铺垫(1)认识网页组成部分-文字、图片、音频、视频、超链接本质-代码转换-浏览器(解析+渲染)(2)浏览器网页显示、运行的平台(必备)五大:IE、火狐Firefox、谷歌Chrome、Safari、欧朋渲染引擎(浏览器内核)不同,解析代码时的速度、性能、效果也不同(3)Web标准使不同的浏览器展示效果统一结构-HTM
~旭日骄阳~
·
2023-11-20 18:47
前端
css
html
web前端入门
到实战:处理 JS中 undefined 的 7 个技巧
大约8年前,开始学习JS时,遇到了一个奇怪的情况,既存在undefined的值,也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值,而且,比较null==undefined的计算结果为true。大多数现代语言,如Ruby、Python或Java都有一个空值(nil或null),这似乎是一种合理的方式。对于JavaScript,解释器在访问尚未初始化的变量或对象属性时返回und
魔方编程
·
2023-11-11 00:46
JavaScript
前端
web前端
前端开发
前端教程
前端入门学习笔记
WEB前端入门
学习笔记一、网页相关概念1、什么是网页?1.1网站:1.2什么是网页?2、什么是HTML?3、网页的形成?
苕皮不要葱
·
2023-11-06 13:37
基础学习笔记
前端
学习
html
web前端入门
到实战:CSS3实现3D动画
本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助!一、动画属性1.transform-style:flat|preserve-3d动画的形式flat:默认值平面,也就是没有3d效果preserve-3d:3d效果展示如果要用3D表现,这个属性是必须启用的,当然注意属性要加各种前缀。(这个属性可以把一个处于2维的div变为3
编程世界-云
·
2023-10-26 07:14
css
css3
前端
前端开发
web前端
web前端入门
到实战:html基本标签表单实现交互原理,单选框,复选框,下拉框介绍
表单是什么?表单是前端和服务器做交互的一种机制,表单收集用户输入信息,之后发送或者提交给服务器。用户在输入的信息称之为内容,内容的文本分为普通和密码型,用户通过单选框、复选框、下拉框(也就是下拉菜单)完成内容信息输入,最后通过提交按钮发送给服务器!这里要讲到浏览器怎么发送给服务器?涉及到http协议,也就是超文本传输协议,它是浏览器和服务器通讯的一种机制。模式为:请求——应答,浏览器发送请求=>服
大前端世界
·
2023-10-25 11:09
web前端入门
到实战:css鼠标经过弹出子菜单特效
HelloReact!::-webkit-scrollbar{display:none;}::-webkit-input-placeholder{font-size:20px;}web前端开发学习Q-q-u-n:731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)li,span,img{list-style-type:none;c
大前端世界
·
2023-10-25 09:36
web前端零基础,6个多月找到了工作【零基础
web前端入门
视频教程】
关键词“零基础”和“迅速”,针对这两个词,我们就应该相应的学习规划。首先你是一个零基础的人,现在急需把web前端相关技能学好,在“保证学习质量”的同时用最短的时间学好web前端应该掌握的必要技术。具体实行方案如下:1.了解web前端市场需求首先,零基础的人应该去了解目前想要找到一份web前端的工作,应该具备哪些技能,当你符合这些企业的基本标准后,工作就不成问题。先知道自己应该达到什么标准,然后再去
白T恤架构师
·
2023-10-24 17:46
前端
web前端
前端开发
前端学习
前端教程
前端入门
web前端入门
到实战:七个你没用过的炫酷开发工具推荐
1.BundlePhobiaBundlePhobia用于分析npmpackage的依赖、bundle后的大小、下载速度预估等等,帮助你在引用一个package之前了解引入该package的代价:你也可以将项目的package.json文件上传,BundlePhobia会帮你评估项目中所有包的大小和加载速度:2.CloudCraft如果你用AWS,那CloudCraft将会极大程度的帮助你,Clou
大前端世界
·
2023-10-21 17:30
千峰
web前端入门
html+css笔记(二)
目录单一样式优先级important群组优先级层次的优先级权重优先级约分优先级css盒子模型box-sizingmargin叠加问题margin传递问题盒子模型扩展标签的分类按类型按内容按显示显示框类型display属性编辑display:none与visibility:hidden的区别嵌套标签规范overflow溢出隐藏透明度与手势透明度手势(鼠标样式)最大最小宽高CSS默认样式CSS重置样式
不_要_挂_科
·
2023-10-14 03:22
前端
css
html
千峰
web前端入门
html+css笔记(一)
目录html和cssvscode基本使用HTML的基本结构和属性标记HTML初始代码HTML的注释html语义化标题与段落文本修饰标签图片标签与图片属性引入文件的地址路径跳转链接a->双标签base->单标签跳转锚点方法一(#+id)方法二(#+name)特殊符号无序列表有序列表定义列表嵌套列表表格标签属性表单标签input其他标签表单与表格结和div和spancss基础语法格式单位基本样式css
不_要_挂_科
·
2023-10-14 03:21
前端
css
html
web前端入门
到实战:css预处理器 - sass/scss、less、stylus
css预处理工具,可以将其对应的DSL(领域特定语言)编译为css基本介绍sass/scssSASS2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架Sass的缩排语法,对于写惯css前端的web开发者来说很不直观,sass不兼容css代码Sass3就变成了Scss(sassycss)与原来的语法兼容,只是用{}取代了原来的缩进sass的运
大前端世界
·
2023-10-09 11:21
web前端入门
到实战:宣传页项目实战
编辑器:sublimetext3标注工具:PxCook切图工具:PS开发前准备:设计图标注PxCook空格键可以上下拖动大致标注图纸:(可惜不能文字标注和拉参考线)开发前准备:PS切图在指定图层上新建一个图层,使用ctrl+e合并图层,可以将任意图层转为普通图层(如果图层是下面图层的剪贴图层,可以把该图层移动到新建图层的上面再合并)(如果图层羽化较多,ctrl+enter无法选中,则直接ctrl+
大前端世界
·
2023-10-05 18:02
2019年
Web前端入门
的自学路线免费分享给你
想就业web前端工程师岗位,web前端学习哪些内容呢?近期身边有很多同学咨询太原web前端高级班课程大纲都学什么?今天就给大家分享这份web前端培训课程大纲。第一阶段:前端页面重构内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)第二阶段:JavaScript高级程序设计内容包含:1)原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用
纤纤郡主
·
2023-09-29 02:50
零基础学Web前端怎样才能高薪就业
Web前端入门
简单、人才需求旺盛、就业薪资高,是很多零基础入行IT行业人士的首选编程语言。不过我们学习前端的最终目的就是为了高薪就业,但你知道零基础学Web前端到什么程度才能高薪就业吗?
椰子学韩语
·
2023-09-28 21:49
web前端学习路线,前端开发最全知识点汇总
下面我总结了一些关于
web前端入门
的东西,希望对大家有所帮助。
编程说书酱
·
2023-09-28 06:56
web前端入门
到实战:CSS实现照片堆叠效果
实现效果步骤1.初始index.html为了建立第一张照片,也就是最上面的那张。我们只需要添加一个div,里面包含照片的img。就这么多,剩下的效果都是通过CSS来实现的。确保div的class为stackone。PhotoStack*{margin:0;padding:0;}html,body{width:100%;height:100%;overflow:hidden;}.stackone{-
大前端世界
·
2023-09-26 09:47
web前端入门
到实战:CSS项目悬停过渡动画三部曲
CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。如下是我们将在本教程中构建的代码项目设置在这个项目中,我们将把过渡效果应用到一个class为box的元素上面。这个box元素内部是垂直和水平居中的文字内容。HTML结构相当简单:TEXTCSS代码也一样简单。我们想要使用无衬线字体,并确保div中的段落文本是
魔方编程
·
2023-09-24 21:59
css
前端
web前端
前端开发
web前端入门
到实战:CSS3 动画的实现
任务我们最近在SeatGeek更新了我们的“跟踪"图标,以匹配我们的新iPhone应用程序。首席设计师在PSD中创建了具有不同状态的心脏图标,并在下面创建了动画:什么是CSS3动画?在CSS中,动画是一种让元素逐渐改变样式的效果。您可以使用@keyframes关键字创建动画,后跟动画的名称。@keyframesheartAnimation{/*Animationcodegoeshere*/}要使动
魔方编程
·
2023-09-22 21:30
css
css3
前端
web前端
前端教程
web前端入门
到实战:纯CSS导航栏下划线跟随效果
导航栏下划线跟随效果这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助Javascript,我的第一反应也是,感觉很麻烦啊。所以我一直在想,有没有可能只使用CSS完成这个效果呢?定义需求我们定义一下简单的规则,要求如下:假设HTML结构如下:不可思议的CSS导航栏光标小下划线跟随PURECSSNavUnderline导航栏目的li的宽度是不固定的当从导航的左侧li移向右侧li,
魔方编程
·
2023-09-20 18:25
css
前端
web前端
前端开发
前端入门
太牛啦!Python入门到精通 只用了3个多月
作者在开头列出了Python的一些应用领域作者的计划目录Day01~15-Python语言基础Day16~20-Python语言进阶Day21~30-
Web前端入门
Day31~35-玩转Linux操作系统
Python秒杀
·
2023-09-16 18:04
python
开发语言
django
数据库
学习
python入门
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他