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 5 years have passed since last update.

自分用

0
Last updated at Posted at 2019-10-25

本文

読みやすい文字サイズは14~16px
12px以下は読みにくい
marginは余白

    h1 
         font-size: 24px
         margin: 0;
        
    p   
          font-size: 14px;
         

headタグの中にスタイル属性を入れると、まとめてfontsizeを変えることが出来る
セレクターを入力する事で指定できる(p、h1など)
marginは0;
タグの中にはインデント(半角スペース4回)
コメントは
css内のコメントは/*コメント*/
見やすくするためにする
複数のページがあるときに、スタイルを統一したい時には、別のファイルに記述する(外部参照)
headタグの中に書くのは内部参照
タグの中にスタイル属性で書くのはインライン
ファイルの名前はstyle.css(index.html)と同じ場所に作る
フォーマッターをインストールしてインデントを調整する
頭のタブは全体を選択してshift+tabキーで調整する
右上にエディターを分割出来る機能がある
画面を分割してhtmlとcssを同じ画面で操作出来る

<link rel="stylesheet"href="style.css">

外部で作ったcssファイルを読む込むにはlinkタグを使う
linkタグにはrel属性が必要(関連したものという意味)
cssを読み込むには必須
hrefはウェブ上の資産を参照するという意味
基本的には外部参照で書いていく

 body {}
.classname {}
 #IDname{}
transform: rotate(xxdeg);回転させる
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?