从头开始
博客园最让人着迷的一点就是可以自定义 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