投稿

12月, 2011の投稿を表示しています

CSSの横幅

CSSレイアウトの基本が分っていなかった。

多摩美 - メディアリテラシー 2010 HTML5+CSS3 入門にある例を考える。 

bodyのwidthが960pxとなっている。ウィンドウとのmarginは20px。

navとsectionのwidthは、それぞれ236pxと620px. コンテンツは、856px。

横にnavとsectionを並べるとmargin, border, paddingは、左右でふたつが2列あるので計4つ。

ひとあたりmarginが5px, borderが1px, paddingが20pxなので、コンテンツ以外の幅は合わせて104px。コンテンツの856pxと合わせてbodyのwidthと一致する。

MathJax

MathJaxは、多くのブラウザで数式を表示するJavaScript. Bloggerでも使える。 Wordpress.comでは許可されていない。その代わり、\(\LaTeX\)で書いた数式を絵にして貼るプラグインが導入されている。MathJaxで描いた数式は、文字としてコピーできるのがメリット。 使えるようにするには、ドキュメントを参考にして「デザイン」「HTMLを編集」して<head>タグの後でMathJaxを読み込むにする。Exner函数\(\pi\)で表した静力学平衡の式 \[\frac{\partial\pi}{\partial z} \equiv -\frac{\;g\;}{c_p\theta}\]