前端学习html+css

JS制作轮播图——自学笔记

鼠标经过轮播图，左右按钮显示，鼠标离开按钮隐藏2.鼠标点击右侧按钮，图片轮播3.小圆圈跟着图片变化4.点击小圆圈播放图片5.鼠标离开，图片自动轮播，鼠标在图片上时自动轮播停止目录html结构css结构js结构html
描绘已经在学了·2024-01-25 21:24

强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐GitHub上值得前端学习的开源实战项目。
dizhao3079·2024-01-25 18:27

HTML+CSS：展开动画

效果演示实现了一个网页上的图标悬浮效果，当鼠标悬浮在图标上时，会出现一个带有文字的悬浮框，文字内容为“打开微信”、“打开抖音”、“打开WeGame”或“打开STEAM”，字体大小和颜色会随着鼠标移动而变化。当鼠标悬浮在图标上时，悬浮框的背景颜色会变成灰色。Code*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;displa
若冰说·2024-01-25 15:59

HTML+CSS：炫酷登录切换

效果演示实现了一个登录注册页面的切换效果，当用户点击登录或注册按钮时，会出现一个叠加层，其中包含一个表单，用户可以在表单中输入用户名和密码，然后点击提交按钮进行登录或注册。当用户点击返回按钮时，会将叠加层隐藏，并将登录或注册表单显示在主体区域。这个效果可以提高用户体验，让用户更加方便地登录或注册。Code注册账号点击注册欢迎登录忘记密码?登录已有账号，直接登录没有账号，点击注册body{heigh
若冰说·2024-01-25 15:26

菜鸡后端的前端学习记录

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效（太
无名一小卒·2024-01-25 06:09

字节跳动内部前端学习笔记在互联网上火了，在Github标星33K+，完整版开放下载

一、入门前端三剑客1、HTMLhtml学起来还是挺简单的，无论你是否有编程基础，我觉得都可以快速入门，对于新手，我推荐找个入门的视频看一下，然后跟着视频打代码就可以了，入门教程随便在网上找个免费的视频就可以了，随便搜索「html入门」即可，或者看菜鸟教程的一个入门教程也行。看完视频，也可以看一下文字版的教程，不知道大家有没有看过阮一峰写过的教程，我觉得他写的教程都很棒，所以这里我也推荐下大家看一下
书苏·2024-01-25 03:29

前端学习路线

前端学习路线入门阶段HTML5：学习网页结构的基本标签，了解语义化标签的使用。CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。
注孤生程序员·2024-01-24 21:36

Vue3 前端学习（登陆界面，input 与 button的使用）

1.router-view跳转APP.vue可以类比主函数理解，里面可以写很多内容，但这是个很局限的做法，只适合学习一些前端知识点时候使用，不适合做项目。于是我们使用将要写的内容拆分开，理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单，因为他只实现路由功能2.呈现一个登陆界面（纯前端）LoginVue.vue一个登陆界面账号：密码：登录申请注册IamElButtonimpor
Sonaldo7·2024-01-24 20:31

使用HTML+CSS设计个人简历

使用HTML+CSS设计个人简历效果展示代码实现效果展示代码实现resume.html简历bennett工作意向：Java全栈名族：汉族现居：陕西西安籍贯：甘肃兰州电话：15594497111邮箱：bennett
Bennett_gxd·2024-01-24 15:56

前端学习笔记-HTML、CSS、Javascript基础知识

认识web网站的开发模式采用前后端分离技术开发Web前端三个组成部分HTML：负责网页结构（页面元素的内容）CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）JavaScript：负责网页的行为（交互效果）HTML和CSSHTML：超文本标记语言：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容；HTML标签都是预定义好的。例如：使用展示超
m0_53527658·2024-01-24 12:51

从自学的茫然，到现在豁然开朗，说说我的前端学习经历

最近这两年吹起了一股学习前端的风，我也参与了其中，我选择的是自学，花了几天的时间看w3cschool，在腾讯课堂听了很多公开课，然后又找到慕课网，看视频做题目。都说前端入门简单，我却用了三个月摸索的时间来学习，虽然能写点简单的，但是想要真正做一个项目，实际操作起来却并不是那么回事。特别是遇到一些问题的时候，我发现没有人指引我，我开始加学习交流群，运气好的话，有人会帮我解答，但一般情况是没有人回应的
悠悠qie·2024-01-24 07:24

html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面

今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言1.WooWOO是一个干净、现代的登陆页面网站模板。它具有完全响应式设计，并在所有主要浏览器和移动设备上进行了测试。Woo是展示您的应用程序、服务或数字产品的完美模板。主题信息布局:Html5和Css3类别:设计,服务颜色:黑色页数:全部在一页中评价:4星兼容浏览器：MicrosoftEd
神码观察·2024-01-23 13:55

纯HTML+CSS实现正六边形效果（非SVG或Canvas）

效果我们要实现的效果如下图所示，JSRUN图1正六边形效果实现下面我们来实现一个对边之间宽度为200px的一个正六边形，JSRUNHTMLCSS.hexagon{display:inline-block;}.hexagon.bar-rotate-left{width:200px;height:231px;overflow:hidden;transform:rotate(60deg);display
hackingzhang·2024-01-23 11:07

HTML+CSS：3D轮播卡片

效果演示实现了一个3D翻转的卡片动画，其中每个卡片都有不同的图片和不同的旋转角度。整个动画循环播放，无限次。整个页面的背景是一个占据整个屏幕的背景图片，并且页面内容被隐藏在背景图片之下。Codebody{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e8e8e8;overf
若冰说·2024-01-23 05:55

【前端学习】JS中var与let的区别

1、作用域不同var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let2、let不能在定义之前访问该变量，但是var可以。let必须先声明，再使用。而var先使用后声
半剑·2024-01-22 20:09

HTML 或者说 CSS 中的根元素是指什么元素？

学习目标:掌握京东中间部分制作理解BFC使用了解优雅降级和渐进增强了解CSS压缩和验证工具往期内容：黑马程序员前端：HTML+CSS京东首页实战（源码上）黑马程序员前端：HTML+CSS制作京东项目（中
Blue92120·2024-01-22 17:29

HTML5+CSS3小实例：旋转的炫光心形loading动画

实例：旋转的炫光心形loading动画技术栈：HTML+CSS效果：源码：【html】旋转的炫光心形loading动画【css】*{/*初始化*/margin:0;padding:0;/*box-sizing
艾恩小灰灰·2024-01-22 16:53

企业公司门户网站首页设计（html+css静态实现，响应式布局，带源码）

效果展示html源码home_chYourcompanynameorlogoHomeservicesOurTeamContactUs中文/EnglishHomeservicesOurTeamContactUs中文/EnglishEnabledigitaltransformationforyourenterprisesExcellenceinquality,supremacyinwin-wincon
鸡鸭扣·2024-01-22 13:36

html+css网站设计，比较简单,附代码

茅台酒文化@importurl(css/lunbo.css);@importurl(css/zy_style.css);//轮播><首页发展知识登陆/注册用今天的努力创造中国航天的未来-->我们的宗旨酿造高品质生活打造国际一流企业塑造世界一流品牌酒香风正人和匠心品质匠魂担当匠术精益匠器臻善匠人制造茅台酒知识茅台酒被称为"国酒"？所谓国酒文化，是一个与文化酒互为表里的概念，正因为国酒文化
码媛·2024-01-22 11:56

HTML+CSS：飞翔按钮

效果演示实现了一个按钮的动画效果，当鼠标悬停在按钮上时，按钮的背景颜色和图标会发生变化，并且图标会旋转45度并向右移动1.2em，同时按钮中的文字也会向右移动5em。当鼠标点击按钮时，按钮会变小并向下移动0.1em。整个效果看起来像是按钮在飞翔或跳跃。CodeSendbody{height:100vh;display:flex;justify-content:center;align-items:
若冰说·2024-01-21 23:16

10w 字前端技术文档分析

在2023年11月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份前端文档，既可以帮助我自己查漏补缺，也可以帮助到其他人。
Jackson-Mseven·2024-01-21 21:48

WebGL 的 Hello World

四种常用的页面绘图工具关于h5页面的图形绘制，我们大多谈及的是这四种工具：html+css，svg、canvas2d、webgl。
凹凸实验室·2024-01-21 14:03

大一学生网页作业HTML电影网页作业(HTML+CSS)

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239806(title-A38JP电影网站7页，不包含js有登陆注册，表格table
STU网页设计·2024-01-21 14:13

HTML5+CSS3小实例：全屏搜索栏

实例：全屏搜索栏技术栈：HTML+CSS效果：源码：【html】全屏搜索栏【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body
艾恩小灰灰·2024-01-21 10:38

小白读书笔记之【笨办法学Python3】【持续更新】

膝下育有一女，人道中年，和部分人一样，不笨，但当年不爱学习，跟随着时代的大浪接触了计算机，是计算机专业出身（当年要是学了建筑专业就好了），充其量是半吊子水平，C，Java，php，JavaScript，Html
Mr_流浪法师·2024-01-20 23:26

ES6前端学习笔记

修正ES6是ECMA为JavaScript制定的第6个标准版本，相关历史可查看此章节《ES6-ECMAScript6简介》。标准委员会最终决定，标准在每年6月正式发布并作为当年的正式版本，接下来的时间里就在此版本的基础上进行改动，直到下一年6月草案就自然变成新一年的版本，这样一来就无需以前的版本号，只要用年份标记即可。ECMAscript2015是在2015年6月发布ES6的第一个版本。以此类推，
已注 销·2024-01-20 22:23

【前端学习笔记1】css基础

css可以使页面更漂亮，即美化网页css：层叠样式表标签选择器：类选择器：id只能单次调用，类似人的身份证css里只要是word里面有的功能，他们都有对应的，不会的时候查一下就行实现垂直居中:height等于line-height就行font-family：可以修改字体font顺序：是否倾斜字号行高字体必须严格按照这个顺序来与文本相关text-indent：文本缩进text-align：cente
__dh·2024-01-20 21:30

【前端学习笔记2】javaScript基础

是什么：是一种运行在客户端（服务器的编程语言）javacript分为行内JavaScript，内部JavaScript，外部JavaScript内部JavaScript直接写在html中body里面alert（“hello，world”）我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html如果先加载的JavaScript期望修改其下方的html，那么他可能
__dh·2024-01-20 21:58

150套简约流行国内外优秀网页模板打包 /个人主页网站html模板 /html+css网页设计源码（分享）

它是html+css网页设计源码，html5网页静态模板。
sqll567·2024-01-20 12:09

2019-06-14

我的前端学习之路最近在闲暇之余在学习前端开发前端学习之第一步：下载webstorm，开发工具，发现前端开发工具很不友好，不像xcode那么简单易上手，光下载成功就花费了半天的时间，现在附上mac版下载包
c0986fa58b5e·2024-01-19 17:54

html源码（html+css）

学成在线示例图index.html学成在线首页课程职业规划尼古拉斯~宇前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&从测试>UI设计>产品>我的课程表继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象全部课程精品推荐JQuerySparkMySQLJava
奇遇少年·2024-01-19 11:26

CSS网页布局

个人简介⭐️个人主页：微风洋洋‍♂️博客领域：编程基础,后端,大数据,信息安全写作风格：干货,干货,还是tmd的干货精选专栏：【JavaScript】【HTML+CSS】【Java学习笔记】【Java必刷题
微风洋洋·2024-01-19 11:09

前端学习路线图和一些经验

关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考,以前自己刚开始接触前端的时候就是不知道该按照什么路线学习eg-前端是做什么的？
zhuyuyaya·2024-01-19 02:51

前端学习路线，带你入门程序猿

相信很多想学前端的小伙伴是非常迷茫的前端知识体系很多，不知从何学起而且框架也有不少，不知道该如何下手很多学习前端的小伙伴都没有一个很好的学习路线图，简直可以说是看见啥学啥而且自己在学习的时候非常吃力，感觉总是学不会，有时候前面学完后面忘都已成常态我们在学习的时候一定要有几个重点学习时间一定要充足，不能学一阵玩一阵，断断续续往往反反要有一个良好的学习路线图，不能看见啥学啥选择一套好的教学体系课程视频
David凉宸·2024-01-19 01:10

前端学习03实体转义块级元素行级元素W3C语义化标签

HTML实体转义块级元素（相当执行了display：block操作）行级元素（内联元素）（相当执行了display：line操作）块级标签转化为行级标签块级标签转化为行级标签w3c(WorldWideWeb)结构（HTML）、表现（css）、行为（javascript）三部分组成（1）定义语言代码（2）JavaScript定义//脚本代码（3）css定义(4)注释中不用–（5）所有标签和属性的名字
花落墨山河·2024-01-18 18:30

【网安】学了这份网络安全资源，可千万别把我给供出来~

第一个月第一周：HTML+CSS，学会网页基本格式，学会编写基本网页，表单，学会用浏览器F12检查元素，查看源码推荐学习地址：HTML:https://www.runoob.com/h
程序学到昏·2024-01-18 15:12

前端学习路上的小技巧二

上次总结了一部分解决问题的小方法以及部分常用代码，今天再来补充一些：1.各大浏览器兼容前缀：谷歌/苹果：-webkit；火狐：-moz；IE浏览器：-ms；欧朋浏览器：-o；2.行内及块元素的嵌套顺序：行内可以包行内；块元素可以包行内以及块元素，p标签属于个例，只能嵌套行内元素；3.css权重：*<标签
林芳芳0619·2024-01-18 07:07

前端学习系列之JQuery

目录JQuery介绍定义作用优点安装与使用JQuery包装集对象DOM对象JQuery包装集对象DOM对象转JQuery对象JQuery对象转DOM对象选择器基础选择器id选择器元素名称选择器类选择器选择所有元素组合选择器层次选择器后代选择器子代选择器相邻选择器同辈选择器表单选择器表单选择器⽂本框选择器密码框选择器单选按钮选择器复选框选择器提交按钮选择器图像域选择器重置按钮选择器按钮选择器⽂件域选
lgcgkCQ·2024-01-18 05:29

前端学习系列之JavaScript

目录JavaScript概述优点入门引入1.内部引入2.外部引入调试模式数据类型1.字符串2.数组3.对象4.流程控制if判断while循环for循环forEach循环for…in-------下标5.Map和SetMapSet6.iterator函数定义函数方式一方式二调用函数argumentsrest变量的作用域全局变量规范局部作用域常量方法内部对象DateJSONAJAXBOM对象windo
lgcgkCQ·2024-01-18 05:29

自学前端学习笔记-02CSS基础样式语法

◆CSS三大特性1.继承性2.层叠性3.优先级继承<通配符选择器<标签选择器<类选择器
Informal杨·2024-01-17 21:27

谁说程序员都是秃子?给你个眼神自己体会！

这里还是要推荐下小编的web前端学习裙:6879，58461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自
秋风_bdfd·2024-01-17 19:55

CSS盒子模型

个人简介⭐️个人主页：微风洋洋‍♂️博客领域：编程基础,后端,大数据,信息安全写作风格：干货,干货,还是tmd的干货精选专栏：【JavaScript】【HTML+CSS】【Java学习笔记】【Java必刷题
微风洋洋·2024-01-17 13:12

HTML+CSS实现页面Loading效果

如题，像Jquery等很多三方库可能自带Loading插件，那么如何自己写一个Loading效果呢？.maskLayer{z-index:10000;width:100%;height:100%;position:fixed;top:0;right:0;background:#0000004d;justify-content:center;align-items:center;display:fl
醉酒的李白、·2024-01-17 12:58

《费曼学习法》第十九章

回顾前端学习的内容。第一，怀疑和探索。先对观点进行审视，通过审视的观点，要去思考更深处的原理。第二，寻找反证。有争议的地方往往是最有价值的地方。
伊娜·2024-01-17 10:25

HTML+CSS

HTML+CSS学习笔记0.HTMl(HyperTextMarkupLanguage)复习HTML标签有两类：块级元素div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p
bomagic·2024-01-17 09:34

react子父组件互相通信传值

react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563
潜心专研的小张同学·2024-01-17 07:57

前端学习day27：弹性盒模型

1.盒模型的分类①标准盒模型box-sizing:content-box②怪异盒模型box-sizing:border-box③弹性盒模型2.弹性盒模型的定义传统布局基本依靠display、float、position来完成，有些特殊的布局写起来不太方便。CSS3弹性盒（FlexibleBox或flexbox伸缩盒），是css3的一种全新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时
ysccsyysc·2024-01-17 06:19

前端学习路线

前端学习路线大致的路线图：（个人看法）1.笔记管理使用Typora/vscode等工具将笔记存储在本地；破解版：http://www.itmind.net/13398.html使用github/gitee
城南顾北·2024-01-16 19:55

前端学习之旅(五)【stick】

任务学习使用前端中的粘性定位stick代码粘性定位.container{height:2000px;background-color:gray;}.header{height:80px;background-color:skyblue;line-height:80px;text-align:center;font-size:30px;}.item-first{height:50px;backgro
LeopardRich·2024-01-16 16:37

前端学习之旅(六)【定位元素居中】

任务一实现已经设计好的元素在父元素中水平方向填充满。设计好的元素展示：想要实现的效果：代码实现前的代码：定位元素居中/*原本设计好的样式，不能修改*/.container{height:400px;background-color:gray;position:relative;}.inner{background-color:orange;border:10pxsolidblack;padding
LeopardRich·2024-01-16 16:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他