页面元素布局&JS自动修改

起缘是为了让自己看博客看得更顺眼，就打算更改一下布局。 然后看到这个博客系统十分精简地在所有页面几乎采取了同一个文件作为模板，也就是说，牵一发而动全身。

这玩意儿不支持图片居中。 https://github.com/kokororin/typecho-plugin-Parsedown 加个这个插件就好了，但是似乎不支持html标签里的markdown语法。

好在主页和文章页面是分开的，还可以通过在文章区用js来仅仅更改这部分的布局。

然后就有了然后：

1. margin, padding; float

   margin为外边距，即若margin不为负，则元素尺寸不小于原尺寸，按顺序可设置上右下左四个方向的值； padding为内边距，即若padding不为负，则元素尺寸不大于原尺寸，参数及意义同上。 且似乎仅有margin可使用auto值。

   float决定元素的浮动方向， 似乎通常只有左(left)右(right)无(none)三种情况(继承inherit本身并不是浮动方式就不包括在内了吧)。none具体是什么情况我也不清楚。

2. 用js获取页面元素

   var elem = document.getElementById("element-id");

3. 修改元素属性

   elem.setAttribute("attribute-name", "attribute-value");

4. 加载页面自动执行

   window.onload = function() {
   your_functions();
   }

唔姆，大概就差不多了。 具体的例子就写在网站代码里，欢迎各位dalao前来观摩 反正问题不大，就打打补丁，不去改源码算了