Webサイト制作科 | 受講記録 | 苦楽中道

2014年01月27日開講の求職者支援訓練(フェリカTA_Webサイト制作科)における受講メモと習熟度記録

CSS演習

f:id:sophisticatedweapon:20140310125220j:plain

ウェブページ作成:作成所要時間100分程度

 

・TIPS

レイアウトに際しては、 p から設定し始める

p が決まると他の部分が決めやすい

共通項が決まれば他が決まっていく

 

border-radius: 55px / 45px;

数値は角に接する円の半径

イラストレーターの角丸の四角の内接円と同じ考え方

 

smallなどのインラインレベル要素は

display: block;

を使用することでpaddingなどの設定を上手く反映させることができる

http://www.css5days.com/day02/blockinline.html

↑インラインレベル要素とブロックレベル要素の詳しい説明サイト

他の項目も分かりやすく書かれている

 

http://csspro.digitalskill.jp/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/css/css-id-class-%E9%81%95%E3%81%84/

ID と Class の違い