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

【CSS17】

以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 画像は作成すること >以下解答 <html xml:lang="ja" lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

li a の背景画像の変更

キーとなるCSSプロパティ background-image:url(画像URL); background-repeat:リピート方向また、背景画像の高さを確認し、a li のline-heightを設定する。 今回自分でうまくいかなかったこと a:visitedの際にbackground-imageを変えようとしたがうまくいか…

複合パスとクリッピングオブジェクト

複合パス 大きさの違う円を二つ描く 長方形を描く 長方形のひとつの角の上に二つの円を配置 二つの円だけを選択してオブジェクト→複合パス→作成 ⇒小さい円の中が透明になる 複合パスは一筆書きできるように変形したと考える! クリッピングオブジェクト 背景…

様々方法で三角形を描画する

タイプツールで三角形を作成する タイプツールで適当な大きさのエリアを確保する 中に「さんかく」と記述し、変換をかけ「▲」にする。 「▲」を選択し、拡大(SHIFT+CTRL+>)または縮小(SHIFT+CTRL+<)で適当なサイズに合わせる 回転ルールで「-90」度…

HTMLのレイアウトに使うタグ

div divタグはあまり使わないに越したことはないが、基本の文書構造はきちんと作っておく。 ⇒cssをはずした際にも意味が通るよう、重要なものは上にあるという基本を守ること。 float属性 float属性は回り込むほうはインライン要素であることが大事。 ブロッ…

【CSS15】

以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 画像は作成すること >以下解答 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>

【CSS15】

以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 >visitedだけ効かない。。。。CSSチェックは通ってるのに。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>