Web学習 【14】 Webクリエイター能力認定試験 初級 CSS

更新
2015年01月06日(火)

本文を追記欄に移動

Webクリエイター能力認定試験 初級 CSS

 前回のHTMLと同様にWebクリエイター能力認定試験初級の「試験範囲」と「公認テキスト&問題集」からCSSを抽出しました。


よくわかるマスター Webクリエイター能力認定試験(HTML4.01) <初級>公認テキスト &問題集 改訂3版 Internet Explorer 7 / 8 / 9 / 10対応 (FOM出版のみどりの本)よくわかるマスター Webクリエイター能力認定試験(HTML4.01) <初級>公認テキスト &問題集 改訂3版 Internet Explorer 7 / 8 / 9 / 10対応 (FOM出版のみどりの本)
(2013/06/04)
富士通エフ・オー・エム株式会社

商品詳細を見る

試験対策上の注意

 文字コードとコメントは予め記載されている場合があるので覚える必要はないでしょう。

@chaerset "Shift-JIS";
/* comment */

 色コードは原則的に覚える必要はないでしょうが、赤緑青白黒については覚えておきましょう。

Red#FF0000RGB(255,0,0)
Green#00FF00RGB(0,255,0)
Blue#0000FFRGB(0,0,255)
White#FFFFFFRGB(255,255,255)
Black#000000RGB(0,0,0)

 フォント名は覚える必要ありません。テキストに掲載されていた例はフォント名「MS ゴシック」「Osaka」、総称フォントファミリー名「serif」「sans-serif」「cursive」「fantasy」「monospace」です。

 borderの値に関して試験では決まった日本語表現を使っているので、覚えましょう。

none枠線を表示しない
solid実戦
double二重線
dashed破線
dotted点線
groove立体的にくぼんだ線
ridge立体的に盛り上がった線
inset全体をくぼませて表示
outset全体を盛り上げて表示

CSS

color: #00ff00; rgb(0,255,0); green;

text-align: left; center; right; justify;
text-decoration: underline; line-through; none;

font-family: ""; serif;
font-size: px; xx-small; medium; xx-large; smaller; larger;
font-weight: 100; normal; 400; bold; 700; 900; lighter; bolder;
font-style: normal; italic; oblique;

background-color: #000000; rgb(0,0,0); white; transparent;
background-image: url("images/.jpg"); none;
background-repeat: repeat; repeat-x; repeat-y; no-repeat;
background-position: px px; left; center; right; top; center; bottom;

border-style: none;
border-top-style: solid; double;
border-right-style: dashed; dotted;
border-bottom-style: groove; ridge;
border-left-style: inset; outset;

border-width: px; thin; medium; thick;
border-color: #ffffff; rgb(255,255,255); black; transparent;

margin: px; auto;
margin-top: margin-right: margin-bottom: margin-left


関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。