大学生就可以看懂的css基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥,但是再坚持一下,前端知识的大门就会大开了。
2024年08月14日
大学生就可以看懂的css基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥,但是再坚持一下,前端知识的大门就会大开了。
2024年08月14日
话不多说,直奔主题
<!--html代码-->
<div>
<ul>
<li><a href="#home" class="active">主页</a></li>
<li><a href="#news">新闻</a></li>
<li>
<div class="dropdown">
<a href="#" class="dropbtn">下拉菜单</a>
<div class="dropdown-content">
<a href="#">链接 1</a>
<a href="#">链接 2</a>
<a href="#">链接 3</a>
</div>
</div>
</li>
<li><a href="#about">关于</a></li>
</ul>
<h3>导航栏上的下拉菜单</h3>
<p>鼠标移动到 "下拉菜单" 链接先显示下拉菜单。</p>
</div>
2024年08月14日
今天教大家学习如何制作网页的下拉菜单~
CSS 下拉菜单
首先,我们要使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。
1.下拉菜单样式
(样式一)
(样式二)
2.基本下拉菜单
2024年08月14日
大多数网站中,下拉菜单效果基本常见。在实现技术方面,实现该效果的方法也很多,今天就来说说纯CSS样式来实现常见的下拉菜单,有兴趣的小伙伴可以参考下:
实现效果如下:
鼠标未移上前
鼠标未移上前
2024年08月14日
下拉菜单的属性
length 表示选项<option>的个数
selected 布尔值,表示选项<option>是否被选中
SelectedIndex 被选中的选项序号,如果没有被选中则为-1,对于多选下拉菜单而言,返回被选中的第一个选项序号。从0开始计数
2024年08月14日
Maven --> Gradle
首先安装gradle:
Mac安装
brew install gradle
Ubuntu安装
2024年08月14日
通常我们使用 Dockerfile 来构建项目的 Docker 镜像。但是也有使用 gradle 在编译项目的时候一起把镜像给 构建 并 上传 的需求。本文将会讲解如何使用 gradle 编写并配置 Dockerfile 并生成
2024年08月14日
本文翻译自官网 :https://gradle.org/whats-new/gradle-5/
Gradle 5.0是最快、最安全、功能最强的Gradle版本。
2024年08月14日
https://hub.docker.com/_/gradle