(C# WebServer) 2. CSS

Posted by : C# at Sep 2, 2021

span

부분적으로 색상을 넣을 수 있다.

<p>My mother has <span style="color:blue">blue</span> eyes.</p>

매번 이렇게 해야할까? 코드 중간중간 span을 넣어서??? -> CSS를 사용해보자

CSS Selector

<style>
    p {
        /* <p>의 CSS 값을 선언 */
        text-align: center;
        color: red;
    }

    #para1 {
        /* id로 지정가능 */
        text-align: center;
        color: red;
    }
</style>

<p id="para1">Hello World!</p>

<style>
    /* class로 지정가능 .으로 표현하기에 쉬움 */
    .center {
        text-align: center;
        color: red;
    }
</style>

<h1 class="center">Hello</h1>

CSS Box Model

  --------------------------
  |         Margin         |
  | ---------------------  |
  | |       Border      |  |
  | |  ---------------  |  |
  | |  |    Padding  |  |  |

            Content

이러한 순서이다