HTMLとCSSを使ったWEBサイトの実践的な作り方を紹介。

「HTML・CSS」 一覧

基礎13. CSSとは

2016/04/05   HTML・CSS

CSSとは何か、HTMLと何が違うのかを解説。CSSが見やすくなるインデント、改行の方法も合わせて紹介しています。 [ ...続きを読む ]

基礎14. CSSの指定方法について

2016/04/12   HTML・CSS

CSSの指定方法を解説。要素、head内、外部CSSの3つの指定方法と継承、上書きの仕組みを解説します。 [ ...続きを読む ]

基礎15. セレクタの種類(要素セレクタ、idセレクタ、classセレクタ)

2016/04/17   HTML・CSS

要素セレクタ、idセレクタ、classセレクタの使い方を紹介します。idセレクタ、classセレクタの使い分けをどうすれば良いかを解説します。 [ ...続きを読む ]

基礎16. セレクタの種類(子孫セレクタ、子セレクタ、全称セレクタ)

2016/04/17   HTML・CSS

子孫セレクタ、子セレクタ、全称セレクタの使い方を解説。他のセレクタとの組み合わせ方法や応用例も合わせて紹介しています。 [ ...続きを読む ]

基礎17. CSSの優先順位とセレクタの関係

2016/04/17   HTML・CSS

CSSの優先順位の解説。CSSは後に書いたほうが優先順位が高くなります。他にも使用するセレクタによる点数計算による優先順位が発生します。このコントール方 [ ...続きを読む ]

基礎18. WEBサイトの各ブロックの名称

2016/05/22   HTML・CSS

WEBサイトの各ブロックの名称を紹介。名称ともに各ブロックにどんな内容をいれるかを解説します。 [ ...続きを読む ]

基礎19. id名、class名の付け方と記法

2016/05/22   HTML・CSS

製作会社でよく使われているid名、class名の紹介です。またCSSで使われるハイフン記法などの主要な記法も解説します。 [ ...続きを読む ]

基礎20. デフォルトCSSとリセットCSS

2016/05/23   HTML・CSS

ブラウザのデフォルトCSSとは何かを解説します。デフォルトCSSの確認方法とデフォルトCSSをリセットするreset.cssも紹介します。 [ ...続きを読む ]

基礎21. サイズの単位(px、%、em)

2016/05/23   HTML・CSS

HTMLとCSSに使える単位の紹介です。px(ピクセル)、em(エム)、%の違いと使い分けを解説しています。 [ ...続きを読む ]

基礎22. CSSによる色の指定方法(カラーコード)

2016/05/23   HTML・CSS

CSSの色の指定に使うカラーコードの構造とRGB各色の指定方法を解説。イラストをもとにカラーコードがどのような構造になっているか16進数とは何かを解説し [ ...続きを読む ]

基礎23. テキストの装飾のプロパティ(font-size, color, text-align, line-height, text-indent, font-weight, font-style)

2016/05/23   HTML・CSS

font-size、color、text-align、line-height、text-indent、font-weight、font-styleといっ [ ...続きを読む ]

基礎24. a要素の装飾と擬似クラス

2016/05/24   HTML・CSS

a要素のCSSの指定と擬似クラスについて解説。color、text-decorationを使ったホバー時の指定や:link、:visited、:hove [ ...続きを読む ]