blog.cssの指定内容　その1

テーマを選択した時に共通して読み込まれる"blog.css"の指定内容
以下"blog.css"の内容と解説

/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
reset.css - resets default browser styling
http://tantek.com/log/2004/09.html#d06t2354
http://www.vox.com/.shared/css/base.css by beausmith.com
http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
text-decoration: none;　←すべてのリンクの下線を消している
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin: 0;　　←
padding: 0;　←各要素の余白を0にしている
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;　　←
font-weight: normal;←見出し要素のサイズと太さを標準にしている
}
table {
border-spacing: 0;　←table要素の各セルのボーダー同士の間隔を0にしている
}
fieldset,img,abbr,acronym {
border: 0;　←各要素のボーダーの太さを0にしている
}
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style: normal; */
/* font-weight: normal; */
}

ol,ul {
list-style: none;　←リストの各項目のリストマーカーを消している
}
caption,th {
text-align: left;　←tableのキャプションと見出しセルの内容を左揃えに設定
}
q:before,q:after {
content: '';　←インラインでの引用部分を示す"q"要素の前後に引用符が表示されないようにしている
}
a {
text-decoration: underline;　←a要素に下線を表示させている
outline: none;　　　　　　　　　←a要素にアウトライン（点線の枠など）が表示されないように設定
}
hr {
border: 0;　　　　　　　　　　　←
height: 1px;　　　　　　　　　←
background-color: #000;　←
color: #000;　　　　　　　　　←横線を1ピクセルの黒い線（#000）に設定している
}
a img,:link img,:visited img {
border: none;　←各種状態での画像のボーダーを消している
}
address {
font-style: normal;　←斜体で表示されるaddress要素を標準状態に戻している
display: inline;　←address要素の表示方法がインライン要素と同様になるように設定
}

/* Utilities ----------------------------------------------------------------- */
↓ここから
.pkg:after, #content-inner:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */
↑ここまで"clearfix"と呼ばれるCSSハックを#conntent-inner等に適用

.inline { display: inline; }　←表示方法をインライン要素と同様にするための指定
.hidden { display: none; }　←表示を消すための指定

=================================

以上までが"base.css"の最初の部分の内容と解説でした。
次回は同様に"base.css"のレイアウトに関する内容を調べていきたいと思います。