当前位置: 首页 > news >正文

网页设计思路

在这里插入图片描述
CSS实现思路:
在这里插入图片描述
在这里插入图片描述

用一个div直接父级继承

在这里插入图片描述
在这里插入图片描述

一LOGO结构

h1>a>搜索关键字
在这里插入图片描述
在这里插入图片描述

二导航栏结构

结构:ul>li>a

在这里插入图片描述

三搜索框结构

div>input/a

四用户头像结构

div>a>img+span
在这里插入图片描述
处理行内块和行内垂直对齐方向使用
vertical-align

http://www.dtcms.com/a/99381.html

相关文章:

  • 论文阅读笔记——ReconDreamer
  • 【YOLOv11】目标检测任务-实操过程
  • Tof 深度相机原理
  • kubernetes Calico(CNI) NetworkPolicy 流量管理 设置networkpolicy 策略 下集
  • 【Go】Go Prometheus 快速入门
  • C语言笔记数据结构(链表)
  • Jenkins + CICD流程一键自动部署Vue前端项目(保姆级)
  • 输入模块(TM1638函数的使用)
  • 驱动开发系列49 - 搭建 Vulkan 驱动调试环境(编译 mesa 3D)- Ubuntu24.04
  • postman测试文件上传接口详解
  • 鸿蒙原生开发之状态管理V2
  • 白盒测试/接口测试/自动化测试
  • python 如何打包成exe文件
  • 嵌入式系统安全架构白皮书
  • PH热榜 | 2025-03-29
  • 【C语言】一文掌握 C 语言用法(C 备忘清单)
  • 数据湖的数据存储与管理策略:构建高效的数据管理框架
  • Web自动化测试:Unittest单元测试框架
  • 如果从一个系统向另一个系统推送2000条数据,java中使用什么技术合理
  • 【AI速读】CNN图像处理单元的形式化验证方法
  • 简单程序语言理论与编译技术·18 语法制导翻译SDT
  • 【文本张量表示】
  • docker部署mongodb数据库
  • 【Python NetworkX】图结构 图绘制
  • 如何下载主流网站的视频和音频?(支持100+网站视频下载)
  • CAN 介绍
  • C语言 - 变量修饰关键字
  • 软件测试之接口测试
  • 【Git “reflog“ 命令详解】
  • Vue2 项目将网页内容转换为图片并保存到本地