看程序学css-3

于 2019-06-08 18:38:54 发布
阅读量80 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tujiahao1/article/details/91346717
版权 
1、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  .p1{
    color:red;
  }

  .span1{
    color:blue;
  }
</style>

<p class="p1">红色</p>

<span class="span1">蓝色</span>

<link rel="stylesheet" type="text/css" href="http://how2j.cn/study/style.css" />

<p class="p1">红色</p>

<span class="span1">蓝色</span>

<link rel="stylesheet" type="text/css" href="http://how2j.cn/study/style.css" />

<style>
  .p1{
    color:green;
  }
</style>

<p class="p1">p1 颜色是绿色，优先使用靠的最后出现的</p>

<style>
  .p1{
    color:green;
  }
</style>

<p class="p1" style="color:red">p1 颜色是红色，优先使用style属性</p>

<style>
  .p1{
    color:green !important;
  }

</style>

<p class="p1" style="color:red">p1 颜色是绿色，优先使用!important样式</p>
</body>
</html>
2、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  p.abs{
    position: absolute;
    left: 150px;
    top: 50px;
  }

</style>

<p >正常文字1</p>
<p >正常文字2</p>
<p class="abs" >绝对定位的文字3</p>
<p >正常文字4</p>
<p >正常文字5</p>

<style>
  p.abs{
    position: absolute;
    left: 100px;
    top: 50px;
  }
  .absdiv{
    position: absolute;
    left: 150px;
    top: 50px;
    width:215px;
    border: 1px solid blue;
  }
</style>

<div>
  <p >正常文字a</p>
  <p >正常文字b</p>
  <p >正常文字c</p>
  <p >正常文字d</p>
  <p >正常文字e</p>
  <p >正常文字f</p>
  <p >正常文字g</p>
</div>

<div class="absdiv">
  这是一个定位了的div
  <p class="abs" >绝对定位的文字</p>
</div>

<style>
  p.abs{
    position: absolute;
    left: 100px;
    top: 50px;
  }

</style>

<div>
  <p >正常文字a</p>
  <p >正常文字b</p>
  <p >正常文字c</p>
  <p >正常文字d</p>
  <p >正常文字e</p>
  <p >正常文字f</p>
  <p >正常文字g</p>
</div>

<div>
  这个div没有定位
  <p class="abs" >绝对定位的文字</p>
</div>

<style>
  img#i1{
    position: absolute;
    left: 60px;
    top: 20px;
    z-index:1;
  }

  img#i2{
    position: absolute;
    left: 60px;
    top: 120px;
    z-index:-1;
  }

</style>

<div>
  <p >正常文字a</p>
  <p >正常文字b</p>
  <p >正常文字c</p>
  <p >正常文字d</p>
  <p >正常文字e</p>
  <p >正常文字f</p>
  <p >正常文字g</p>
</div>

<img id="i1" src="http://how2j.cn/example.gif" />
<img id="i2" src="http://how2j.cn/example.gif" />

</body>
</html>
3、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  p.r{
    position: relative;
    left: 150px;
    top: 50px;
  }

</style>

<p >正常文字1</p>
<p >正常文字2</p>
<p class="r" >相对定位的文字3</p>
<p >正常文字4</p>
<p >正常文字5</p>


</body>
</html>
4、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  .f{
    float:right;
  }

</style>

<div >正常文字1</div>
<div >正常文字2</div>
<div class="f">浮动的文字</div>
<div >正常文字4</div>
<div >正常文字5</div>

<style>
  .f{
    float:left;
  }

</style>

<div >正常文字1</div>
<div >正常文字2</div>
<div class="f">浮动的文字</div>
<div >正常文字4</div>
<div >正常文字5</div>

<style>
  .f{
    float:left;
  }

  div{
    width:320px;
  }
</style>

<div >
  <img src="http://how2j.cn/example.gif"/>

  <p>  当图片不浮动时，文字就会换行出现在下面
    当图片不浮动时，文字就会换行出现在下面
    当图片不浮动时，文字就会换行出现在下面
    当图片不浮动时，文字就会换行出现在下面
    当图片不浮动时，文字就会换行出现在下面
    当图片不浮动时，文字就会换行出现在下面
  </p>
</div>

<div >
  <img  class="f" src="http://how2j.cn/example.gif"/>

  <p>  当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
  </p>
</div>

<style>
  .f{
    float:left;
  }

  div{
    width:320px;
  }

  .clearp{
    clear:left;
  }

</style>

<div >
  <img  class="f" src="http://how2j.cn/example.gif"/>

  <p>  当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
    当图片浮动时，文字围绕着图片
  </p>
</div>

<div >
  <img  class="f" src="http://how2j.cn/example.gif"/>

  <p class="clearp">  当图片浮动时，文字却不想围绕图片
    当图片浮动时，文字却不想围绕图片
    当图片浮动时，文字却不想围绕图片
    当图片浮动时，文字却不想围绕图片

  </p>
</div>

<style>
  div#floatingDiv{
    width:200px;
  }
  div#floatingDiv div{
    float:left;
  }
</style>
默认的div排列是会换行的

<div>
  菜单1
</div>
<div>
  菜单2
</div>
<div>
  菜单3
</div>

如果使用float就可以达到水平排列的效果，通常会用在菜单，导航栏等地方

如果超出了父容器，还会有自动换行的效果

<div id="floatingDiv">
  <div>
    菜单1
  </div>
  <div>
    菜单2
  </div>
  <div>
    菜单3
  </div>
  <div>
    菜单4
  </div>
  <div>
    菜单5
  </div>
  <div>
    菜单6
  </div>
</div>
</body>
</html>
5、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  div.d{
    display:none;
  }

</style>

<div>可见的div1</div>
<div class="d">隐藏的div2,使用display:none隐藏</div>
<div>可见的div3</div>

<style>
  div,span{
    border: 1px solid lightgray;
    margin:10px;
    width:200px;
    height:100px;
  }

  .d{
    display:block;
  }
</style>

<div>普通的div块</div>
<span>这是普通span</span> <span>这是普通span</span> <span>这是普通span</span>
<span class="d">这是span,被改造成了块级元素</span>

<style>
  div,span{
    border: 1px solid lightgray;
    margin:10px;
    width:200px;
    height:100px;
  }

  .s{
    display:inline;
  }
</style>

<span>这是普通span</span> <span>这是普通span</span> <span>这是普通span</span>

<div class="s">这是div，被改造成了内联元素</div>

<style>
  span{
    display:inline-block;
    border: 1px solid lightgray;
    margin:10px;
    width:100px;
  }
</style>
像这样 ，每个都能设置宽度 ，同时还能在同一行。
<br>

<span>盖伦</span>
<span>蒙多医生</span>
<span>奈德丽</span>
<span>蒸汽机器人</span>

<style>
  div{
    border:1px solid lightgray;
    margin:10px;
  }
</style>
<div align="center">
  通过设置属性align="center" 居中的内容
</div>

<div  style="text-align:center">
  通过样式style="text-align:center" 居中的内容
</div>

<style>
  div{
    border: solid 1px lightgray;
    margin: 10px;
  }
  span{
    border: solid 1px lightskyblue;
  }
</style>
<div> 默认情况下div会占用100%的宽度,所以无法观察元素是否居中</div>

<div style="width:300px;margin:0 auto">
  设置本div的宽度，然后再使用样式 margin: 0 auto来使得元素居中</div>

<span style="width:300px;margin:0 auto">
  span 是内联元素，无法设置宽度，所以不能通过margin:0 auto居中</span>

<div style="text-align:center">
  <span>span的居中可以通过放置在div中，然后让div text-align实现居中</span>
</div>

<style>
  .left{
    width:200px;
    float:left;
    background-color:pink
  }
  .right{
    overflow:hidden;
    background-color:lightskyblue;
  }
</style>

<div class="left">左边固定宽度</div>

<div class="right">右边自动填满</div>

<style>
  #d {
    line-height: 100px;
  }
  div{
    border:solid 1px lightskyblue;
  }
</style>

<div id="d">line-height 适合单独一行垂直居中</div>

<style>
  #d {
    padding: 30 0;
  }
  div{
    border:solid 1px lightskyblue;
  }
</style>

<div id="d">多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容 多行内容  </div>

<style>
  #d {
    display: table-cell;
    vertical-align: middle;
    height:200px;
  }

  div{
    border:solid 1px lightskyblue;
  }
</style>

<div id="d">
  <img src="http://how2j.cn/example.gif">
</div>


</body>
</html>
6、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
  .left{
    width:200px;
    float:left;
    background-color:pink
  }
  .right{
    width:200px;
    float:right;
    background-color:pink
  }
  .center {margin:0 200px;   background-color:lightblue}
</style>

<div class="left">左边固定宽度</div>
<div class="right">左边固定宽度</div>
<div class="center">中间自适应</div>

<style>
  #div1
  {
    position: relative;
    height: 300px;
    width: 90%;
    background-color: skyblue;
  }
  #div2
  {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    background-color: lightgreen;
  }
</style>

<div id="div1">
  <div id="div2"> 无论蓝色div高度如何变化，绿色div都会贴在下面
  </div>
</div>

<style>
  span{
    border-bottom:2px solid lightgray;
  }
</style>

<div class="continue">
  <span>连续的span</span><span>连续的span</span><span>连续的span</span><span>连续的span</span>
</div>
<div class="nocontinue">
  <span>有换行的span</span>
  <span>有换行的span</span>
  <span>有换行的span</span>
</div>

<style>
  div.nocontinue span{
    border-bottom:2px solid lightgray;
    float:left;
  }
</style>

<div class="nocontinue">
  <span>有换行的span</span>
  <span>有换行的span</span>
  <span>有换行的span</span>
</div>

<div style="clear:both"></div>

<div>后续的内容</div>
</body>
</html>
7、
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="http://how2j.cn/study/wangwang.gif"><br/>

<style>
  div{
    width:25;
    height:25;
    background:transparent url(http://how2j.cn/study/wangwang.gif) no-repeat scroll -83px -0px ;
  }

</style>

<div></div><br/>

<style>
  img{
    position:absolute;
    left:-83px;
    clip:rect(0px 108px 25px 83px);
  }
</style>

<img src="http://how2j.cn/study/wangwang.gif"><br/>
</body>
</html>
涂家豪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习网络应用程序设计-CSS导论.ppt
11-12
学习网络应用程序设计-CSS导论.ppt
css源码程序学习android-框架
03-10
此外，它可能还包括CSS选择器的使用、CSS3新特性，如阴影、渐变、动画等。实践中学习是掌握CSS的重要途径，这些示例将帮助你加深理解。 “html_demo”文件名表明可能包含HTML的实践案例。这将有助于你了解HTML标签...
HTML---CSS----基础知识及代码----各种小程序网页设计
04-09
在这个“HTML---CSS----基础知识及代码----各种小程序网页设计”主题中，我们将深入探讨这两门语言的核心概念、语法以及在创建小程序和网页设计中的应用。 首先，HTML是一种标记语言，它定义了网页的内容结构，如...
学习-tailwindcss-最终项目
03-04
•安装Tailwindcss： learn-tailwindcss % npm install postcss learn-tailwindcss % npm install postcss-cli learn-tailwindcss % npm install tailwindcss learn-tailwindcss % npm install autoprefixer ...
红包抽奖css3方式实现转盘.zip小程序例子源码打包下载适合研究学习技术
03-13
红包抽奖css3方式实现转盘.zip小程序例子源码打包下载适合研究学习技术红包抽奖css3方式实现转盘.zip小程序例子源码打包下载适合研究学习技术 1.适合学习做毕业设计参考模板。 2.适合程序员学习开发小程序研究用 3....
使用 React 和 Redux 进行井字游戏并附带源代码.zip
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
基于Springboot和Vue的生鲜超市管理的设计与实现源码 生鲜超市管理的设计与实现代码（优秀毕业设计）
07-24
生鲜超市管理的设计与实现源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
使用 ReactJs 编写的简单旅行计划器（附源代码）.zip
07-24
项目：使用 ReactJS 编写的简单旅行计划器（附源代码） ReactJs 中的简单旅行计划器是一个简单的 JavaScript 项目。该项目是 ReactJS 中待办应用程序的一个简单示例。 关于项目 Simple Trip Planner In Reactjs 是使用ReactJS开发的。这个项目很容易做一种应用程序。这个项目使用 React 库来完成任务。为了运行这个项目，你必须在系统中安装 NodeJs。当你运行这个项目时，你的应用程序从主页开始。从那里你可以导航到菜单。你只能将计划添加到你的书中。你还可以对旅行进行分类。你所要做的就是输入日期和地点，然后选择你想要的旅行计划类型。 要运行此项目，您需要 在计算机上安装ReactJS和 NodeJs，并使用现代浏览器，例如Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
俄罗斯方块的python代码
07-24
这段Python代码实现了一个简单的俄罗斯方块游戏，使用Pygame库处理图形和用户输入。游戏初始化Pygame库并设置屏幕大小为800x600像素，定义不同颜色和形状的方块。游戏由一个`Tetris`类管理，负责游戏状态和逻辑操作，每个方块由一个`Block`类表示，包含其形状、颜色、位置等信息。 在主循环中，游戏通过事件处理机制响应用户的键盘输入，箭头键用于移动和旋转方块，空格键用于快速下落。游戏会检测方块是否与已有的方块或边界发生碰撞，如发生碰撞，当前方块会固定在场地上并生成新方块。填满的行会被清除，玩家获得相应分数。 游戏通过一个二维数组维护场地状态，每个元素表示一个单元格是否被占据，通过检查和清除单元格实现行消除。整个游戏不断刷新屏幕更新显示，确保流畅运行，绘制背景、方块和边框，使界面美观易理解。 总体而言，这段代码展示了如何使用Pygame库实现经典俄罗斯方块游戏，包括图形绘制、用户输入处理和基本游戏逻辑，让玩家通过移动和旋转方块消除行并获得高分。
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
07-24
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
基于Springboot和Vue的结合疫情情况的婚恋系统源码 结合疫情情况的婚恋系统代码（高分毕设）
07-24
结合疫情情况的婚恋系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
人脸识别方案资料61EDA-C1618.zip
07-24
人脸识别方案资料61EDA_C1618.zip
精美且实用的Web页面设计模板
07-24
在网页设计领域，Web页面模板是一种预先设计好的布局框架，用于快速构建网站并提供一致的视觉体验。"很实用很漂亮的web页面模板"这个标题暗示了我们正在讨论的是一套高效且美观的模板，适用于那些希望节省时间并创造专业外观网站的设计师或开发者。 描述中的“全部使用的div+css”表明这些模板基于HTML的结构元素`div`和层叠样式表(CSS)进行构建。`div`元素是HTML中最常用的一种容器，可以用来组合、分组其他HTML元素，方便通过CSS进行样式控制和布局管理。CSS则负责定义网页的样式，如颜色、字体、布局以及响应式设计，使网页在不同设备上展示效果良好。 我们要理解Div+CSS布局的优势。传统的表格布局在复杂性和可维护性上往往不如Div+CSS。使用Div+CSS，我们可以实现更清晰的代码结构，提高页面加载速度，同时提供更好的搜索引擎优化（SEO），因为搜索引擎更容易解析结构化的HTML代码。 模板中的每个页面通常会包含头部、导航、主体、侧边栏和页脚等部分，这些都可能由`div`元素定义。CSS将用于设定这些区域的样式，包括它们的大小、位置、背景、边框等。通过浮动（floa
IMG20240603155230.jpg
最新发布
07-24
IMG20240603155230.jpg
DUIlib框架下TabLayout子界面容器化的示范代码
07-24
在IT界，Duilib是一个广泛使用的Windows平台上的UI库，尤其在游戏开发中颇为流行。它提供了一套灵活、高效且易于使用的控件，帮助开发者创建美观的图形用户界面。这个Demo是关于如何在Duilib中将TabLayout的子页面封装为container，以实现更高级别的定制和管理功能。 TabLayout是Duilib中一个非常实用的控件，它允许用户通过不同的tab页切换显示不同的内容区域。在本Demo中，开发者将每个tab页的内容区域进一步封装为独立的container，这样可以更好地管理和控制每个子页面的行为和外观。每个container可以看作是一个自包含的组件，拥有自己的逻辑和通知处理器，能够处理特定的用户交互事件。 我们需要了解容器（container）的概念。在Duilib中，容器是一种可以包含其他控件的对象，它可以管理其内部控件的布局和事件处理。封装子页面为container可以使得代码结构更加清晰，每个container负责一部分特定的功能，有利于代码的维护和扩展。 接下来，我们要关注的是子页面的notify处理器。在Duilib中，控件间的通信通常通过消息
java-springboot+vue的时间管理系统源码(项目源码-说明文档)
07-24
java-springboot+vue的时间管理系统 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：Springboot 前端技术：Vue、HTML5、css、JavaScript 关键技术：springboot、vue、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
IT预科班：HTML-CSS-JS-MySQL基础学习指南
在前端开发领域，HTML（HyperText Markup Language）、CSS（Cascading Style Sheets）和JavaScript是构建网页和Web应用程序的核心技术。HTML用于创建网页结构，定义内容如文本、图片、链接等元素；CSS则负责页面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值