前端
文章平均质量分 66
香菜的开发日记
程序员 | 独立开发者
没错,他们是堆代码,但当你为他们的故事动容时,我赋予他们的灵魂就真正属于他们了。
展开
-
响应式导航栏不会做?看我一分钟学会制作导航栏!
其中,导航栏作为网页的“指南针”,不仅能帮助用户快速定位所需内容,还能体现网站的整体风格和设计理念。本文将介绍如何使用HTML、CSS和JavaScript制作一个响应式导航栏,以适应不同屏幕尺寸,并提供优雅的用户体验。当屏幕宽度小于768px时,我们将隐藏导航链接、搜索框和按钮,并显示一个菜单图标。这个导航栏包括一个Logo、一个菜单图标(用于在小屏幕上展开导航栏)、导航链接、搜索框和登录注册按钮。同时,我们为不同元素定义了不同的样式,如Logo的字体大小和颜色、导航链接的悬停效果等。原创 2024-04-14 12:10:13 · 650 阅读 · 0 评论 -
快速使用HTML、CSS、JavaScript编写一个简单计算器
首先在根目录下创建一个名为 css的目录, 在css目录下创建 main.css样式文件。在index.html 文件的 head标签中,我们要引入css样式,编写以下标签。我们在项目目录当中创建一个 名为 index.html的文件,在文件中编写以下内容。首先创建一个名为 js的目录,在js目录下创建calculartor.js文件。因为HTML结构是比较单一化的,我们需要使用CSS样式对它进行美化。在index.html文件中的 body标签下,编写以下内容。三、编写JavaScript逻辑代码。原创 2024-01-28 22:53:06 · 1693 阅读 · 0 评论