前端学习—html+css 第23页

HTML+CSS精美漂亮的登录页面

一、先结果图二、代码总结构图（未使用JavaScript）：1、index.html(使用div标签，未使用form标签)SigninLoginSignin2、index.cssbody{background-image:url(../img/桥.jpg);background-repeat:no-repeat;background-size:100%;backgr

weixin_74·2023-07-29 00:05

html+css提示框/弹窗公告实例【记录】

https://blog.csdn.net/q906270629/article/details/125329110?ops_request_misc=&request_id=&biz_id=102&utm_term=HTML%E9%A1%B5%E9%9D%A2%E5%BC%B9%E5%87%BA%E5%85%AC%E5%91%8A&utm_medium=distribute.pc_search_

PSW_18722821243·2023-07-28 23:21

web实验2 制作简单网页（HTML+CSS）

web实验2制作简单网页（HTML+CSS）一、实验目的1．掌握文本样式的设置。2．掌握图像样式的设置。3．掌握各种媒体的插入方法。二、实验内容采用DIV+CSS，制作“在线电影”页面。

你的负卿是我·2023-07-28 20:24

Web前端学习笔记6（align-items，align-content，flex-flow，flex，align-self，order）

align-items让子盒子沿侧轴来对齐侧轴居中对齐：align-items:center;拉伸，子盒子不要给高度：align-items:stretch;div{display:flex;width:800px;height:400px;background-color:pink;flex-direction:column;/*默认主轴为x轴*/justify-content:center;/

rootting·2023-07-28 13:10

016-前端学习-Html\CSS\制作带有二维码的门店订单小票

网小鱼的学习笔记·2023-07-28 01:28

一个声称南方985普通学生，前端学习10个月，秋招斩获字节跳动offer的分享！

0、我的秋招经历题主基本情况，南方普通985普通学生，接触前端十个月左右，今年8月后开始正式准备秋招。说起我的秋招，一个词，就是“逆袭”。一开始，华为笔试没过，三七互娱笔试没过被捞起来后一面又挂，信心受挫。中间没有再继续投递，而是沉下心准备，身边同学陆续拿到offer，也挺纠结。在十月底，赶在秋招的尾巴，投了四五家网申还没截止的公司，没想到，面试一路过，最后成功上岸字节，结束秋招。准备面试和参加面

jinmu520·2023-07-27 16:19

html+css原生滚动弹窗

.pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;display:none;width:30.8rem;border-radius:1rem;padding:2.5rem02.4rem;z-index:201;background:#fff;}.scroll_box::-webkit-sc

房浩然·2023-07-27 15:18

赋能商业的AI之路：从趣味概述到核心技术

个人网站:【办公神器】【游戏大全】【神级源码资源网】前端学习课程：【28个案例趣学前端】【400个JS面试题】寻找学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】前言人工智能（AI）正成为当今社会的重要驱动力

海拥✘·2023-07-27 11:54

web前端学习摘要。

HTML5：布局类标签HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。通用的布局标签：。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对进行定义或区分。HTML5版本新增的常用布局标签：标签语义页面或区域的头部

ljz2020·2023-07-27 09:13

HTML+CSS 前端基础知识点（更新）

第一章什么是HTML文件？类似于txt、word文本记录文件需要使用浏览器打开展示文字和其他信息使用标签实现对信息展示方式的加工什么是HTML？超文本标记语言：HyperTextMarkupLanguage超文本：指页面内可以包含图片、视频、音频、程序等非文字元素标记语言：实现信息的格式改变HTML、CSS、JavaScript之间的关系HTML：组织内容和结构（布局）CSS：对现有内容进行美化（

arima·2023-07-27 06:10

前端学习.

前端学习基础学习路线网页简介1.html2.网页常用的浏览器Web标准HTML标签（上）HTML语法规范HTML基本结构标签网页开发工具HTML常用标签HTML中的注释和特殊字符HTML标签（下）表格标签表格总结列表标签列表总结表单标签综合案例直接阅读文档

qq_53323012·2023-07-26 16:18

前端学习笔记

html5新特性1.语义标签常用的语义化标签：头部导航栏区块（有语义化的div）主要区域主要内容侧边栏底部 ... 这些标签可以在页面中使用多次 Video（视频） Audio（音频）使用它们可以很方便的在页面中嵌入音频和视频，不用在去使用flash和其他浏览器插件 2.增强型表单/表单2.01.新的inputtype2.新的表单元素 .... ：数据列表，为inp

As_Xx_Ls·2023-07-26 16:13

前端学习——ajax (Day4)

同步代码和异步代码回调函数地狱和Promise链式调用回调函数地狱Promise-链式调用Promise_链式调用/***目标：掌握Promise的链式调用*需求：把省市的嵌套结构，改成链式调用的线性结构*///1.创建Promise对象-模拟请求省份名字constp=newPromise((resolve,reject)=>{setTimeout(()=>{resolve('北京市')},200

振华首席娱记·2023-07-26 05:51

前端学习——ajax (Day3)

AJAX原理-XMLHttpRequest使用XMLHttpRequestDocumentconstxhr=newXMLHttpRequest()xhr.open('GET','http://hmajax.itheima.net/api/province')xhr.addEventListener('loadend',()=>{console.log(xhr.response)constdata=

振华首席娱记·2023-07-26 05:50

【HTML+CSS】 Flex布局设置侧轴对齐方式

设置侧轴多行的垂直对齐方式。align-content（少）侧轴单行垂直对齐align-items（多）align-items垂直对齐align-content多行垂直对齐侧轴对齐单行盒子对齐方式align-items:center;默认的对齐方式stretch拉伸顶对齐flex-start多行盒子侧轴对齐方式从上开始对齐align-content:flex-start;从下开始对齐align-c

大旱蛇·2023-07-25 18:24

前端 | （十三）CSS3简介及基本语法（下）| 伸缩盒模型 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频系列笔记：【HTML4】（一）前端简介【HTML4】（二）各种各样的常用标签【HTML4】（三）表单及HTML4

啦啦右一·2023-07-25 15:41

Flex布局

个人主页：爱吃炫迈系列专栏：HTML+CSS‍座右铭：道阻且长，行则将至文章目录flexboxFlex布局Flex布局模型flex相关的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentorderflexitemsflex-growflex-shrinkflex-basisflex

爱吃炫迈·2023-07-25 02:29

为什么要清除浮动？清除浮动的方式

个人主页：爱吃炫迈系列专栏：HTML+CSS‍座右铭：道阻且长，行则将至文章目录浮动的定义浮动的工作原理浮动的特性为什么要清除浮动清除浮动的方式利用clear样式父元素结束标签之前插入清除浮动的块级元素利用伪元素

爱吃炫迈·2023-07-25 02:29

前端学习——ajax (Day2)

案例-图书管理Bootstrap弹框modal官方文档Bootstrap弹框显示弹框ModaltitleModalbodytextgoeshere.CloseSavechangesBootstrap弹框编辑姓名请输入姓名姓名：取消保存constmodalDom=document.querySelector('.name-box')constmodal=newbootstrap.Modal(moda

振华首席娱记·2023-07-25 01:43

数字IC前端学习笔记：仲裁轮询（四）

日晨难再·2023-07-24 21:44

前端 | （十二）CSS3简介及基本语法（中）| 变换、过渡与动画 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录2D变换2D位移2D缩放2D旋转2D扭曲多重变换变换原点3D变换开启3D空间设置景深透视点位置3D位移

啦啦右一·2023-07-24 18:58

前端 | （十）HTML5简介及相关新增属性 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录HTML5简介什么是HTML5HTML5优势HTML5兼容性新增语义化标签新增布局标签新增状态标签⭐️

啦啦右一·2023-07-24 18:28

前端 | （九）尚品汇实操练习 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录顶部导航条头部主导航内容区_侧边导航内容区_侧边二级菜单⭐️内容区_右侧尚品快报内容区_右侧图标导航（

啦啦右一·2023-07-24 18:27

前端 | （十一）CSS3简介及基本语法（上） | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录CSS3简介CSS3概述CSS3私有前缀CSS3基本语法CSS3新增长度单位CSS3新增颜色设置方式CSS3

啦啦右一·2023-07-24 18:23

前端学习——Vue (Day2)

指令补充指令修饰符[email protected]→监听键盘回车事件constapp=newVue({el:'#app',data:{username:''},methods:{fn(e){if(e.key==='Enter'){console.log('键盘回车的时候触发',this.username);}}}})Document.father{width:200px;height:20

振华首席娱记·2023-07-24 17:18

前端学习记录~2023.7.18~CSS杂记 Day10 媒体查询入门 & 传统布局方法 & 支持旧浏览器

前言一、媒体查询入门指南1、媒体查询基础（1）媒体类型（2）媒体特征规则a.宽和高b.朝向c.使用指点设备2、更复杂的媒体查询（1）媒体查询中的“与”逻辑（2）媒体查询中的“或”逻辑（3）媒体查询中的“非”逻辑3、怎么选择断点4、移动优先的响应式设计5、是否真的需要媒体查询？6、媒体查询章节总结二、传统的布局方法三、支持旧浏览器总结前言由于有很多知识非常符合直觉或者和其他语言有通用性，因此个人觉得

山药泥拌饭·2023-07-24 16:59

「HTML+CSS」--自定义加载动画【044】

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position

海轰Pro·2023-07-24 14:20

HTML5+CSS3小实例：带进度条的人物卡片切换效果

实例：带进度条的人物卡片切换效果技术栈：HTML+CSS效果：源码：【html】纯CSS实现带进度条的人物卡片切换效果

艾恩小灰灰·2023-07-24 08:29

HTML5+CSS3小实例：小球爬楼梯loading加载动画

实例：小球爬楼梯loading加载动画技术栈：HTML+CSS效果：源码：【html】小球爬楼梯loading加载动画【css】

艾恩小灰灰·2023-07-24 08:29

面试中常问的十个JavaScript问题

秋风_bdfd·2023-07-24 01:42

「HTML+CSS」--自定义加载动画【011】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！效果展示css-自定义加载动画7.gif思路这里用span元素代表外层

海轰Pro·2023-07-23 20:19

web前端学习（三）：微信小程序基于H5规范，开发Android应用程序

前言：微信小程序开发框架的目标是通过尽可能简单，高效的方式让开发者可以在微信中开发具有原生APP体验的服务。整个小程序框架系统分为两部分，逻辑层，视图层，小程序提供了自己的视图层描述语言，WXML和Wxss,以及基于javascript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。优点：微信用户量大，开发门槛低，推广成本低，跨平台，无需安装。微信小程序开

起航吧！少年·2023-07-23 19:01

算法系列之冒泡排序

以前人们总觉得算法是后端程序员去学的，前端只需要专注于网页的美观以及JS的基本逻辑交互就行，然而，近几年随着前端行业的发展，前端越来越注重逻辑交互，如果你还像很久之前那样只知道用HTML+CSS去构建网页

一个学前端的码农·2023-07-23 15:34

大二web作业精仿王者荣耀(html+css)

经过漫长的期末考试季节，我成功地完成了一个王者荣耀的仿写项目，并且非常高兴地与大家分享。作品展示作业-王者荣耀作品目录获取源码1，复制该网站https://download.csdn.net/download/qq_42431718/879466102，点击上方下载

qq_42431718·2023-07-23 11:26

web前端全套学习资料 web前端学习视频 web前端电子书 web前端

web前端全套学习资料web前端学习视频web前端电子书web前端基础小白自学web前端自学视频+学习路线O基础自学web前端的教程来啦web前端学习资料web前端思维导图web前端学习路线web前端学习路线近几年随着互联网的高速发展

刘好看静静·2023-07-23 08:22

仿造虎扑步行街首页。

2.网站布局和特效纯采用html+css的方式实现，比原网站流畅了许多，比如关注虎扑、消息、重点是左边导航栏的特效比原网站流畅非常多。3.加强了细节，特别是左

岛泪·2023-07-23 04:50

html+css练习（仿小米官网）

学习了三天的css和html模仿的写出来的，很多标签还是用的模模糊糊，希望大家学习的时候一定要多多敲代码。附源码！！！头部的小米商城那一部分，其实是通过position:fixed;固定的，翻页的过程中他的位置不变，大家看一看，小白，代码写的比较拉跨。两张图片分两边排列，是通过相对位置relative和absolute进行固定的;这里用了dl标签，具体和ul和ol的区别，大家自行查，有机会再发。小

半糖不加奶·2023-07-23 01:47

【HTML+CSS】 Flex布局下主轴侧轴的方向切换以及弹性盒子换行

目录主侧轴的切换弹性盒子换行主侧轴的切换首先打开flex布局display:flex;默认状态下主轴为水平方向延X轴正方向排列flex-direction:row;修改为垂直方向延Y轴正方向排列flex-direction:column;此时侧轴会更改为水平方向(x轴方向）若要主轴改变排列方向则在后面加上-reverseflex-direction:row-reverse;flex-directi

大旱蛇·2023-07-23 00:41

JavaScript 为什么是最受欢迎的编程语言

这些开发人员来自不同的国度，薪资、开发经验、所在公司规模、性别、职位等各个方面的差异性也很大：在这里小编建了一个前端学习交流

web前端入门·2023-07-22 17:09

前端学习图谱

coinisi_li·2023-07-22 06:37

HTML+CSS部分知识

1.标签常用的单标签：注释标签快捷键：ALT+/：换行标签注释：自动生成空白行：水平线标签常用的双标签段落–段落标签标题h1-h6–标题标签文本格式化标签strong,b区别strong-着重，强调标签，b–加粗建议：工作中一般使用strong文本倾斜标签：、区别：em元素代表对其内容的强调i元素代表在普通文本中具有不同语态或语气的一段文本，某种程度上表明一段不同特性的文本，比如一个分类学名称，一

无念丶无为·2023-07-21 21:08

VUE day_01(7.15) vue的入门---使用vue脚本可以实现的一些功能

导语回顾前面的内容，是按照WEB的发展史在推进：HTML+CSS:适合做简单的静态页面DOM+JS:让页面动起来jQuery:通过封装原生DOM,简化DOM的操作自动化+工程化:现在最流行的开发方式出现了三大框架

加1床铺盖·2023-07-20 13:38

前端 | （七）浮动 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录浮动介绍元素浮动后的特点浮动小练习盒子1右浮动盒子1左浮动所有盒子都浮动所有盒子浮动后，盒子3落下来所有盒子浮动后

啦啦右一·2023-07-20 06:45

前端学习之flex布局

Flex是FlexibleBox的缩写，意为"弹性布局"flex布局是浏览器提倡的布局模型，布局简单，灵活，可以避免浮动布局脱标的问题；Flex布局和传统布局的区别；传统布局：兼容性好，布局繁琐，局限性在移动端不能很好布局；Flex布局：简单，操作方便，兼容性差（随着技术的发展可能会成为主流的布局）；Pc采用传统布局，移动端或者不考虑兼容的pc可采用flex布局；给父级开启Flex布局displa

前端扫地僧·2023-07-20 00:03

【尚硅谷】HTML5+CSS3学习笔记（三）CSS布局（含大量源码）

木瓜星灵TT·2023-07-19 18:02

【前端】前端学习路线视频资料大集合

对于前端很对人都无从下手，因为接触的知识太多；也有许多小白（比如我）在没仔细接触前端以前，以为前端只是HTML+CSS那么简单，自从接触过Angular前端框架之后，才发现前端好难，得需要好好下功夫才能有所收获

不加糖的理想型·2023-07-19 18:31

前端学习路线+资源整合

前端学习路线由‘技术胖前端学习路线’延展开来，加入一些自己觉得很好的资源。

SisiaZhang·2023-07-19 18:01

HTML+CSS

注:以下下内容为观看**尚硅谷HTML5，CSS3前端教程(李立超主讲html5、css3）**笔记总结HTMLmeta标签meta主要用于设置网页中的一些元数据，元数据不是给用户看charset指定网页的字符集name指定的数据的名称content指定的数据的内容使用举例：语义化标签在网页中HTML专门用来负责网页的结构。所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。标签举例

Boboboobo·2023-07-19 18:30

前端 | （五）CSS三大特性及常用属性 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录CSS三大属性层叠性继承性优先级CSS常用属性像素的概念颜色的表示⭐️表示方式一：颜色名⭐️表示方式二

啦啦右一·2023-07-19 18:29

前端 | （六）CSS盒子模型 | 尚硅谷前端html+css零基础教程2023最新

学习来源：尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频文章目录元素的显示模式CSS长度单位元素的显示模式⭐️块元素（block）⭐️行内元素（inline）⭐️行内块元素

啦啦右一·2023-07-19 18:27

推荐频道

前端学习—html+css