excel vba ,html,cssの勉強進捗状況を載せていきます。
要素名{~}の定義理解
<style>
body {
/*白の背景*/
background: #fff;
/*黒に近いクレー*/
color: #444;
/*多くのブラウザーの標準のフォントサイズは16pxに指定されている。*/
font-size: 16px;
/*フォントを指定します。*/
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, Arial, 'MS Pゴシック', sans-serif;
/*行の高さが1.4倍になる。*/
line-height: 1.42857;
}
/*閲覧者が未訪問のリンクにスタイルを適用する。*/
a:link {
/*色は青*/
color: #04c;
/*文字に傍線は引かれません。*/
text-decoration: none;
}
/*マウスポインターが重ねられたリンクにスタイルを適用します。*/
a:hover {
/*色は赤*/
color: #f00;
/*文字に傍線は引かれません。*/
text-decoration: none;
}
/*閲覧者が訪問済みのリンクにスタイルを適用します。*/
a:visited {
/*色はグレー*/
color: #999;
/*文字に傍線は引かれません。*/
text-decoration: none;
}
/* ヘッダー */
.header {
/*ボックスの重ね順を指定する。数値が大きくなるほど上(前)に重ねられます。*/
z-index: 100;
/*ボックスのパディング(余白)の幅をまとめて指定する。*/
padding: 24px 0;
/*ボックスの幅を指定する。*/
width: 100%;
/*ボーダーの各辺をまとめて指定、solid(実線)色白っぽいグレー*/
border-bottom: #ccd1d9 solid 1px;
/*背景のプロパティをまとめて指定する。色は白*/
background: #fff;
/*色は黒に近い*/
color: #333;
/*文字の揃え位置を指定する。*/
text-align: center;
}
.header-title {
/*ボックスのマージン(余白)の幅をまとめて指定する。*/
margin: 0;
/*emとは要素のフォントサイズに対応した単位です。親要素のフォントサイズが16pxであれば*/
/*1emは16pxと同じサイズになります。*/
font-size: 2.4em;
}
/*descriptionとは、記述、描写、解説(書)、種類、タイプ
.header-description {
/*色はクレー*/
color: #999;
}
</style>
作成者 まろ yogamaro@yahoo.co.jp
携帯サイト Wanisi in ranran information