2012-05-01から1ヶ月間の記事一覧

擬似クラス : 縦ナビ05

CSS

【CSS16】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 画像は作成すること http://d.hatena.ne.jp/web-design-advance/20120509/p1

CSS 03

CSS

【CSS03】空きはリセットをせず、個別に指定する XHTML 1.0 Transitional リストマークは、作成すること 構造主義の四銃士言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の4人です。 ミシェル・フ…

擬似クラス : 縦ナビ02

CSS

【CSS13】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 http://d.hatena.ne.jp/web-design-advance/20120509/p1 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

擬似クラス : 縦ナビ01

CSS

【CSS12】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> …</meta></head></html>

5月8日 授業メモ

li a : アンカーに対して li a : マウスの反応を作る font-family: serif; : 本文はダメ(明朝体) 「float: right」はどうしても右側に置きたい時、それ以上は使わない(情報優先) float 使う場合「display: inline」をつける ホームページは相乗効果を狙…

5月7日 授業メモ

CSS 擬似クラスの理解 ul { list-style-type: none; } li a:link { //未訪問 } li a:visited { //訪問済み } li a:hover { //カーソルが乗った時 } li a:active { //クリックされた時 } link 青 visited 青+赤(紫) hover オレンジ active 赤 ブラウザは勝…

CSS 02

CSS

【CSS02】 HTMLの入力に不安がある人は入力から CSSはエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

CSS 01

CSS

【CSS01】 以下の画像と同じように表示させるCSSを記述しなさい 記述場所はエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

CSS ボックスモデル05

CSS

【CSS15】 この場合、リセットはしない 空きは、すべて50px <p>BOX and PADDING<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body> http://d.hatena.ne.jp/web-design-adva…

CSS ボックスモデル04

CSS

【CSS14】 この場合、リセットはしない <h2>BOX and PADDING</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body> http://d.hatena.ne.jp/web-design-advance/20120502/p1 h2{…

CSS ボックスモデル03

CSS

【CSS13】この場合、リセットはしない <body> <h2>BOX</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body> http://d.hatena.ne.jp/web-design-advance/20120502/p1 body{ margin:0px; b…

CSS ボックスモデル02

CSS

【CSS12】 この場合、リセットはしない 左右均等空き(上下空きは指定しない) http://d.hatena.ne.jp/web-design-advance/20120502/p1 p{ color:white; background-color:#3399FF; font-size:0.5em; margin: 0px 50px; display: block; border: 5px solid #…

CSS ボックスモデル01

CSS

【CSS11】この場合、リセットはしない <p>BOX and margin<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body> http://d.hatena.ne.jp/web-design-advance/20120502/p1 p{ color:…

イラストレーター 練習

akai mpc60

5月2日 授業メモ

DTD DTD文法(ドックタイプ宣言)を入れないと文法違反になる 大文字と小文字は区別される(HTML5は大丈夫) Strictが正しいが、仕事ではあまり使われない 仕事に使われているのはTransitional CSS Webを学ぶ上でとても重要 基本は「文字色」「大きさ指定」「…

4月30日 5月1日 授業メモ

memo はてな meta要素が使えない ヘッダの中の「p」タグはmetaと同じ。 **は(h4) ***は(h5) bodyが重要 descriptionは無視される(誘導したい時に使う) 一番最初の「p」を探しに行く 「p」が結論 meta Keywordsは検索されない(トリガーの為にある bodyに探…