一个主题是王嘉尔的静态网页(html+css 附源代码)-程序员宅基地

技术标签: css  前端  Wiki探险之旅  html  

【好像是没用到js 时间太久远所以忘记了】
【没考虑多设备适配和弹性布局嗷 在大部分电脑上显示还是正常的】
【依然很菜……纯粹写来玩的QAQ】
【emo 最近好累吖】

完整资源压缩包下载链接
如果没有积分或者下载不了可以私信我或者在评论区留个邮箱~

在我的电脑上(联想小新pro13呜呜呜大三的时候一定要换一台有独显的电脑)显示是这样的
在这里插入图片描述
代码

<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" type="text/css" href="description.css">
    <title>content</title>
    <style>

    </style>
</head>
<!-- 以下是顶部导航栏的html部分 -->

<body>
    <div class="part1">
        <div class="word">
            Description
            <p>Jackson Wang is a Hong Kong rapper, singer and dancer <br>
                in China. He is the founder of record label Team Wang.<br>
        </div>
        <img src="https://2021.igem.org/wiki/images/e/ea/T--BNU-China--teamwang.jpg ">

    </div>
    </div>
    <header class="header">
        <div class="container">
            <nav class="nav">
                <ul class="nav__list">
                    <li class="nav__list-item">
                        <a class="navbar-brand" href="https://2021.igem.org/Team:BNU-China"
                            style="margin-left:2vw;margin-top:0;">
                            <img src="https://2021.igem.org/wiki/images/6/6f/T--BNU-China--BNU_icon.png" alt=""
                                height="55" width="90">
                        </a>
                    </li>
                    <li class="nav__list-item">
                        <a href="https://2021.igem.org/Team:BNU-China" class="nav__link">Home</a>
                    </li>
                    <li class="nav__list-item">
                        <a class="nav__link">Team</a>
                        <ul class="nav__list-item-dropdown">
                            <li>
                                <a href="https://2021.igem.org/Team:BNU-China/Team" class="nav__link">Members</a>
                            </li>
                            <li>
                                <a href="https://2021.igem.org/Team:BNU-China/Collaborations"
                                    class="nav__link">Collaboration</a>
                            </li>
                            <li>
                                <a href="https://2021.igem.org/Team:BNU-China/Attributions"
                                    class="nav__link">Attribution</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav__list-item">
                        <a class="nav__link">Project</a>
                        <ul class="nav__list-item-dropdown">
                            <li>
                                <a href="https://2021.igem.org/Team:BNU-China/Contribution"
                                    class="nav__link">Description</a>
                            </li>

                            <li>
                                <a href="https://2021.igem.org/Team:BNU-China/Contribution"
                                    class="nav__link">Contribution</a>
         
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_51263734/article/details/121167676

智能推荐

辩论opener_您应该学习辩论的第一门编程语言-程序员宅基地

文章浏览阅读141次。辩论openerJS v Python… the final showdownJS v Python…最后的决战At this point there can be no doubt if you are in the tech world you have heard of both of these popular languages. Maybe if you are just start..._辩论的opener

渗透之入门准备(一)菜鸟经验_星语惜馨_新浪博客-程序员宅基地

文章浏览阅读260次。你以为这节课是vm,想太多了,怎么可能如你所愿(这节是专业知识,可以跳过)1.对于一个开始对网络安全感兴趣的脚本小子,如何入门是一件繁琐而且要碰壁很多次的事情,所以为了给后人能够开始了解,我这个菜鸟就跟大家说一下我的个人经验。(大神不喷)---很多东西估计都不懂,只是先给大家了解一下。最好就在虚拟机搭建。2.首先没有授权就对网站渗透是违法的事情,最好就自己搭建环境进行渗透,此次就以用..._网络渗透菜鸟教程

nyoj 132-最长回文子串_第一行输入一个字符串s,s的长度小于等于5000大于等于1-程序员宅基地

文章浏览阅读656次。http://acm.nyist.net/JudgeOnline/problem.php?pid=132最长回文子串时间限制:1000 ms | 内存限制:65535 KB难度:4描述输入一个字符串,求出其中最长的回文子串。子串的含义是:在原串连续出现的字符串片段。回文的含义是:正着看和倒着看是相同的,如abba和abbebba。在判断是要求忽略_第一行输入一个字符串s,s的长度小于等于5000大于等于1

华为WLAN AirEngine 9700S AC控制器如何开启双SSID_华为ac9700s-sweb配置教程-程序员宅基地

文章浏览阅读6.2k次。业务场景:家庭大户型上下2层住宅用户通过WLAN接入网络业务需求:扫地机器人只正常2.4G网络,目前默认2.4G和5G频段合二为一,导致扫地机器人不能正常接收命令上传数据,无法正常使用。目的:5G和2.4G信号都单独显示出,让扫地机器人连上2.4G网络AC版本9700S-SV200R020C00SPC300web配置步骤1.配置向导–无线业务–新建SSIDxx5G生效射频只选1(5G)其他参数和现有ssid一样,保存2.更改原有SSIDxx生效射频只保留0(2.4G)其它不变,保存3_华为ac9700s-sweb配置教程

PeakDo毫米波投屏器Hybrid新玩法-程序员宅基地

文章浏览阅读302次。毫米波在如今的网络通信领域可以称得上是第一梯队的高频词汇,作为5G时代的重要组成部分,毫米波是波长为毫米级的电磁波,通常占据了30~300GHz的网络频段,从速度来看,毫米波甚至要比我国现行5G网络普遍使用的Sub-6 GHz还要更快。不过毫米波对信号条件有着更高要求,这也是为什么如今我们能见到的毫米波实际应用并不多。但在室内良好环境下,毫米波技术仍然具备很大的潜力,替代室内场景的各种屏幕HDMI连接线材,就成了毫米波技术首先盯上的领域。在毫米波60GHz频段有着2.4GHz和5.0GHz W._毫米波投屏

超市出了新的活动:4个空汽水瓶可以换1瓶汽水。小明现在手上有n个空汽水瓶,他最多可以换多少瓶汽水喝?_商店规定每4个空瓶可以换一瓶汽水-程序员宅基地

文章浏览阅读1.5k次。#include<stdio.h>int main(){int n;//初始空瓶数int total;//总共喝到的可乐数int m=0;//上一次喝到的可乐数int t=0;//上一次喝完剩下的空瓶数int i=1;//进入循环结构while(i>0)/循环次数,可以自己定义/{total=0;scanf("%d",&n);m=n/4;t=m+n%4;total+=m;while(t>3){m=t/4;t=m+t%4;total+=m;}_商店规定每4个空瓶可以换一瓶汽水

随便推点

View的简介_view在编程中什么意思-程序员宅基地

文章浏览阅读1.6w次,点赞17次,收藏34次。认识一个新的事物,首先我们从概念上讲,我们需要知道,这个事物 是什么,这个事物有什么用途?对应到View 上,我们要搞明白 View 的定义以及工作原理。 1.View是什么? View是屏幕上的一块矩形区域,它负责用来显示一个区域,并且响应这个区域内的事件。可以说,手机屏幕上的任意一部分看的见得地方都是View,它很常见,比如 TextView 、ImageView 、Button_view在编程中什么意思

ES 内存使用和GC指标_es gc count多少算异常-程序员宅基地

文章浏览阅读3k次。摘录自:http://blog.csdn.net/yangwenbo214/article/details/74000458ES 内存使用和GC指标——主节点每30秒会去检查其他节点的状态,如果任何节点的垃圾回收时间超过30秒(Garbage collection duration),则会导致主节点任务该节点脱离集群。内存使用和GC指标在运行Elasticsearch时,内存是您..._es gc count多少算异常

【UML】——活动图-程序员宅基地

文章浏览阅读5.8w次,点赞25次,收藏96次。一、活动图概述1、流程图:常被用来建立算法模型,使用流程图可以表示一个算法的执行序列、过程、判定点、分支和循环 活动图和流程图十分类似,不同之处在于它支持并行活动 活动图的缺点:很难清楚的描述动作与对象之间的关系,没有交互图直接2、活动图作用描述一个操作的执行过程中所完成的工作或 者动作 描述对象内部的工作 显示如何执行一组相关的动作,以及这些动作如何影响周围对象 描..._活动图

Java并发编程:第七章 并发工具类_java并发编程的类-程序员宅基地

文章浏览阅读1.2k次,点赞32次,收藏11次。在Java并发框架中,Exchanger 是一个同步点,它允许一对线程在一个点上交换对象。Exchanger 非常适合于两个线程需要相互传递数据或信息的场景,例如遗传算法中的配对交叉操作,或者流水线设计中两个工作阶段的交互。让一组线程到达一个屏障时被阻塞,直到最后一个线程到达屏障时,屏障才会开门,所有被屏障拦截的线程才会继续干活,线程进入屏障通过CyclicBrrier的await方法。信号量主要用于两个目的,一个是用于多个共享资源的互斥使用,另外一个用于并发线程的控制。_java并发编程的类

Qt5/6Windows下使用QSettings操作注册表或者使用WindowsAPI调用Firefox浏览器打开网址_windows api打开网页-程序员宅基地

文章浏览阅读655次。在Windows下操作注册表是程序中常用的操作,这里我们借用浏览器打开网页来看看如何操作注册表,使用的是QSettings类,对于键值对的操作,使用它最为适合了。void MainWindow::on_btnSetDefaultBrowser_clicked(){#ifdef WIN32 QSettings a("HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\App Paths\\firefox.ex_windows api打开网页

SpringBoot单元测试java.lang.IllegalStateException Could not initialize plugin: interface org.mockito解决方案_java.lang.illegalstateexception: could not initial-程序员宅基地

文章浏览阅读2.8w次,点赞40次,收藏42次。本文主要介绍了SpringBoot项目单元测试java.lang.IllegalStateException: Could not initialize plugin: interface org.mockito.plugins.MockMaker,希望能对使用SpringBoot项目单元测试的同学们有所帮助。文章目录1. 问题描述2. 原因分析3. 解决办法_java.lang.illegalstateexception: could not initialize plugin: interface org.

推荐文章

热门文章

相关标签