首页 > 其他分享 >从头开始

从头开始

时间:2023-04-25 18:56:51浏览次数:17  
标签:从头开始 dom 博客园 html 定制 结构

从头开始

博客园最让人着迷的一点就是可以自定义 DOM 结构,这样就可以很方便的实现一些特殊的需求。
彰显自己的个性,这也是博客园的一大特色。
本文是对定制一个自己的博客园主题的一些记录。

dom 结构

主页的核心 dom 结构如下:

<body>
  <div id="top_nav">
    顶部导航
    <nav id="nav_main">
      <ul id="nav_left"></ul>
      <ul id="nav_right"></ul>
    </nav>
  </div>
  <div id="page_begin_html">页首html</div>
  <div id="home">
    <div id="header">
      <div id="blogTitle"></div>
      <div id="navigator"></div>
    </div>
    <div id="main">
      <div id="mainContent"></div>
      <div id="sideBar"></div>
      <div id="clear"></div>
    </div>
    <div id="footer"></div>
  </div>
  <div id="page_end_html">页尾html</div>
</body>

整体的结构还是比较清晰的,同时所有的内容都可以通过 id 来获取到,这样就可以很方便的进行定制。

标签:从头开始,dom,博客园,html,定制,结构
From: https://www.cnblogs.com/maxkami/p/17353538.html

相关文章

  • 从头开始,重新出发
    最近在极客时间上学习了陈皓老师的一门课(左耳听风),感觉受益匪浅,突然又有了入门编程的动力,前几年断断续续学习了好几门编程语言,如C、Python、Go,反正就是什么时髦学什么,从基本概念学起,变量、数据类型、循环、函数,但学着学着基本都半途而废,实在无法维持学习的热情,一是感觉越往后越枯燥......
  • 从头开始新建uniapp
    1、打开HBuilderX,新建项目 2、修改AppID(在https://mp.weixin.qq.com注册一个小程序)   3、登入Hbuilder自动获取ApppID   4、运行-微信开发者工具 5、此时会自动打开微信开发者工具运行对应项目,如果微信开发者工具打开后没有出现对应成功运行的效果(如下......
  • 从头开始——重新布置渗透测试环境的过程记录(From Windows To Mac)
    因为疫情和工作的原因,2022年整整一年我基本没有深度参与过网络安全和渗透测试相关的工作。背景:之前因为使用习惯,一直使用的是ThinkPadX1Extreme,可联想的品控实在拉胯,奈......
  • 从头开始学Java源码
    基础篇​​1.String源码解析​​2.Integer源码解析集合篇​​3.ArrayList源码解析​​4.LinkedList源码解析5.List源码面试题集锦6.HashMap源码解析7.TreeMap源码解析8.Link......
  • Blazor Server 从头开始:02 创建组件
    ......
  • Blazor Server 从头开始:01 创建项目
    最近手痒,正好阳性在家,就打算把代码再捡起来看看,学习下这些年来都有什么新东西出现。就看到了微软出的.Net7Blazor相关的内容。走了一遍微软官方的教程,发现用处不大,(可能......
  • spring mvc+ELK从头开始搭建日志平台
    springmvc+ELK从头开始搭建日志平台最近由于之前协助前公司做了点力所能及的事情,居然收到了一份贵重的端午礼物,是给我女儿的一个乐高积木,整个有7大包物件,我花了接近一天的......
  • 从头开始搭建一个SpringBoot项目--SpringSecurity的配置
    OverridetheentrypointofanimageIntroducedinGitLabandGitLabRunner9.4.Readmoreaboutthe extendedconfigurationoptions.Beforeexplainingtheav......
  • 从头开始进行CUDA编程:原子指令和互斥锁
    在前三部分中我们介绍了CUDA开发的大部分基础知识,例如启动内核来执行并行任务、利用共享内存来执行快速归并、将可重用逻辑封装为设备函数以及如何使用事件和流来组织和控......
  • 【Vuejs】114-从头开始学习Vuex
    一、前言当我们的应用遇到多个组件共享状态时,会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法:a.将数据以及操作数据的行为都定义在......