ホームページ作成その４ スタイルシートとCSS2

■HTMLファイルの方にはこれを入力
　**
場所は*のすぐ上

　・
　・
　・

こんな感じです。

■CSSファイルの方には
たとえばこんな感じにいれると

p{font-size: 18px;
color: #339933;
font-family: '富士ポップ',sans-serif;
}

HTMLファイルのからの間の文字が全部18pxの大きさになり、緑色の色がつき、フォントが富士ポップになります。

■そしてまたCSSファイルに
こんな風に入れると

.linkwaku2{　　width : 100% ;
　　　　　margin :5px 5px ;
　　　　　padding : 3px 10px 3px 10px ;
　　　　　text-align : left ;
　　　　　background : #ffffff ;
　　　　　border : solid 1px #339933;
　}

HTMLファイルのと
にはさまれたものが上記設定の枠に囲まれます。（幅１００%　中の文字や画像から枠までの間縦横5px　枠から外の枠までの間上下3px左右10px　文字は左寄せ　バックは白色　枠線は1本線で緑色ですね）

まだつづきます

次のものはHTMLファイル内の適用部分↓