css2.1
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>擬…</meta></head></html>
この場合コンテントを2番目に持ってきているのは内容の重要性が高いため そのためここではレイアウト上右に持ってきているわけではない。 ブロックのつくり このままの名前を規約として使う HTML5になると・・・・ ・header ・nav ・asidemenu ・content ・f…
ボックスモデルの描画上の重なり margin background-color background-image padding border content ただし marginはマイナス指定（ネガティブマージン）が可能であるが、paddingにマイナスは指定できない！ css内での定義の順番 >|先生おすすめ color、fon…
マージンの包含 マージンは大きいほうの値に飲み込まれてしまうAエレメント⇒margin-bottom:2px; Bエレメント⇒margin-top:4px;のときはAエレメントとBエレメントの間のマージンは4pxとなる。 つまり2px <h1>タグに対する強調表現 h1タグの中身に対して<strong>や<em>をかけて</em></strong></h1>…
擬似クラス ブロック要素がない場合 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ytf-8"/> </meta></head></html>
HTMLの入力に不安がある人は入力から CSSはエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>
擬似クラス アンカータグに対して使用できるもの 擬似クラスの説明 link:まだクリックしていないアンカーリンク visited:既にクリックしたアンカーリンク hover:カーソルがアンカーリンクに乗ったとき active:アンカーリンクをクリックした瞬間 ※擬似クラス…
カスケードとは 「滝」 つまり上位から下位を内包るような文書構造。 スタイルシートでの指定方法 セレクタ { プロパティ:値} これが基本※「｛」：カーブラケット、ブレイスと読む タイプセレクタ selector{property:value} 要素ひとつに対してスタイルを適…
この場合、リセットはしない 空きは、すべて50px ＞できたソース <html lang="ja"> <head> <title>【CSS15】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
この場合、リセットはしない <p>BOX and PADDING<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body>＞以下できた画面＞以下できたソース <html lang="ja"> <head> </head></html>
この場合、リセットはしない＞以下できたソース <html lang="ja"> <head> <title>【CSS13】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
この場合、リセットはしない＞以下作成ソース <html lang="ja"> <head> <title>【CSS11】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
この場合、リセットはしない＞以下作成ソース <html lang="ja"> <head> <title>【CSS12】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景画像（繰り返さない）＞できたソース <html lang="ja"> <head> <title>【CSS10】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景画像と枠線＞できたソース <html lang="ja"> <head> <title>【CSS09】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景画像を設定（垂直方向に繰り返し）＞できたソース <html lang="ja"> <head> <title>【CSS08】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景画像を設定（水平方向に繰り返し）＞以下ソース <html lang="ja"> <head> <title>【CSS07】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景画像を設定＞以下ソース <html lang="ja"> <head> <title>【CSS06】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
リンクの文字色（擬似クラス）＞以下ソース <html lang="ja"> <head> <title>【CSS03】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
文字色と背景色＞下記作成ソース <html lang="ja"> <head> <title>【CSS02】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
文字色と背景色＞下記が作成したソース <html lang="ja"> <head> <title>【CSS01】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
背景色と余白＞以下ソース <html lang="ja"> <head> <title>【CSS05】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
リンクの背景色（擬似クラス）＞うまくいきませんでした。。。。明日にでも質問 <html lang="ja"> <head> <title>【CSS04】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> </meta></head></html>
