2012-05-08から1日間の記事一覧

【CSS14】

以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

【CSS13】

以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 >以下解答 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

【CSS12】

以下の画像と同じように表示させる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>

枠線のちょっとした小技

イラストレーターで新規の画像を作る際にドキュメントタイプを「プリント」にしていた場合、 アンチエイリアスでサイズが変わってしまうことがある。その対応方法は下記の通り 対応したいオブジェクトを選択して、線ウィンドウ⇒線の位置を「線を内側にそろえ…

ブレンドツール

ブレンドツールとグラデーションツールはセットで使うことが多い! 配色ボックスを作成する 単色の長方形を二つ作り、両方の色を別の色にする 選択を外す オブジェクト⇒ブレンドを選択 オプションウィンドウから間隔をステップ数に変更し間に表示したい数を入…

グラデーションツールを使いこなす!

円形グラデーションツールの概念 円形グラデーションツールは線形グラデーションの連続でしかない! なので、基本は線形グラデーションで対応をするのが本来の形。 線形グラデーションでボタンっぽい画像を作成する 大きな円を描き、その中に小さな同心円を…

ブロック要素のfloat指定

この場合コンテントを2番目に持ってきているのは内容の重要性が高いため そのためここではレイアウト上右に持ってきているわけではない。 ブロックのつくり このままの名前を規約として使う HTML5になると・・・・ ・header ・nav ・asidemenu ・content ・f…

ボックスモデル

ボックスモデルの描画上の重なり margin background-color background-image padding border content ただし marginはマイナス指定(ネガティブマージン)が可能であるが、paddingにマイナスは指定できない! css内での定義の順番 >|先生おすすめ color、fon…

marginの指定について

マージンの包含 マージンは大きいほうの値に飲み込まれてしまうAエレメント⇒margin-bottom:2px; Bエレメント⇒margin-top:4px;のときはAエレメントとBエレメントの間のマージンは4pxとなる。 つまり2px <h1>タグに対する強調表現 h1タグの中身に対して<strong>や<em>をかけて</em></strong></h1>…

擬似クラスおよびblock要素

擬似クラス ブロック要素がない場合 <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>

【HTML04】

以下の内容をHTML文章にしてブログに載せなさい DTDは「XHTML 1.0 Strict」 DTDがわからない場合は、テキスト「上級レイアウト」を読むこと Layout Workflow NavigationA1 NavigationA2 NavigationA3 NavigationA4 NavigationA5 スタイルシートによるレイア…