ねこものがたり

いちにちいっぽ

CSS基礎その1

CSSのお勉強。 なんとなくでやってた部分の再確認とか初めて知ったことのみですが自分なりのまとめ。

CSSとは

Webページの見た目をよくするもの

CSSのを書く方法

1 別ファイルでCSS作ってHTMLファイルに読み込む

別ファイルのCSS外部スタイルシート <head>内に読み込みコードをかく

<link rel="stylesheet" href="ファイル名.css">

<style>タグを使ってHTMLに直接書く

タグを書くのは <head> の中

3 インラインでタグ内にCSSをかく

セレクタの指定方法

  1. タグを指定

  2. idを指定

  3. classを指定

その他

複数指定
○○○,○○○,○○○{    }
子孫セレクタ(絞り込み)

あるタグの中の特定のタグにのみスタイルを適用する

<body>
    <h1>子孫セレクタとは</h1>   
    <p>特定のタグにのみスタイルを適用するための
    <span>便利な</span>指定方法です</p>         
</body>
body p spnan{
    color: red;
}

見え方

f:id:neko314:20180221205156p:plain

3. 他にもあるらしい

基本的なスタイル

やること プロパティ
文字配置 text-align light, center, right
罫線 border 種類 太さ 色 ex) solid 2px blue
罫線(上下左右 ) border-top,border-bottom, border-right, border-left 罫線と同じ