0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【CSS】ナビゲーションバー作成のポイント【自分用】

Last updated at Posted at 2020-11-15
  1. なんでもclassで括らない。 tool barなどのbar系の中で要素を並べたい時は クラス名+ul, クラス名+ul+li で表現する。
  2. navigation barnの固定の仕方 最初にnavigation barの幅、高さをdivのCSSで固定 →<li>で作成した各要素は、margin:0、padding:0を指定する
  3. h1は1ページに1つ
  4. ページの各セクションは以下のように固定。 (position:relative=現在の表示位置から相対的に要素の位置を動かしたいときに使用)
  5. .section{
       float: left (or right);
       position: relative;
       bottom: ?;
       right: ?;
       left: ?;
       top: ?;
    }
    
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?