CSS
擬似クラスを含むレイアウト:まとめ <html> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen, print" /> </head> <body> <div id="header"> <h1>Green and Plain</h1> <p>Design by Free CSS Templates</p> </div></body></html>
擬似クラスを含むレイアウト <lang="ja"> <head> <meta charset="UTF-8"> <title>XHTML+CSS</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> </head> <body> <div id="container"> <h1></h1></div></body></lang="ja">
架空のケーキ屋、Wants Cakeを構築 作ったページ http://puisto.moo.jp/wants_cake/index.html index <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
CSS Spriteの復習（練習） <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
ナビゲーションの復習 以下のリストを、「縦並びボタン」と「横並びボタン」に設定してみましょう。 サイズ・色は自由。 <ul> <li><a href="#">HTML+CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">WordPress</a></li> <li><a href="#">ActionScript</a></li> </ul>
【CSS11】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional テキスト無し（すべて画像で、代替文字は空
【CSS10】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional 背景画像は作成する（アプリケーションは自由選択） メニューは擬似クラスで指定
Form を習ったので練習兼、前回できなかったところをやり直しました。 【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内…
【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内に画像２つ）
【CSS08】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド
【CSS07】 サイズは適宜、調整すること 定義型リストに「float」の設定が必要 XHTML 1.0 Transitional <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
block 要素を使わずborder を重ねていたのでやり直してみました。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS20】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS18】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS15】 <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>
授業内容兼、課題 【CSS16】 <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>
追記：li a に marginを足したり少し変更しました。 【CSS14】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS13】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS12】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS05】 空きはリセットをせず、個別に指定する Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
【CSS04】 空きはリセットをせず、個別に指定する Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
【CSS03】 空きはリセットをせず、個別に指定する リストマークは、作成すること 構造主義の四銃士言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の４人です。 ミシェル・フーコー ロラン・バルト …
【CSS06】 以下の画像と同じように表示させるCSSを記述しなさい 文字の擬似クラスも設定しなさい（色は自由選択） 記述場所はエンベッド TAG Design>> About Us >> Works >> Access >> Contact個人情報の取扱いについて サイトマップCopyright © 2012 WebDes…
追記：ボーダーの囲いを足したので画像を差し替えて、CSSも書き足しました。 【CSS01】 以下の画像と同じように表示させるCSSを記述しなさい 記述場所はエンベッド
【CSS02】 HTMLの入力に不安がある人は入力から CSSはエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
【CSS11】 この場合、リセットはしない <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>CSS11</title> </meta></meta></head></html>
【CSS01】 文字色と背景色 <html lang="ja"> <head> <meta http-equiv="Content-Type" Content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>CSS01</title> </meta></meta></head></html>
