For Beginner

  1. CSS의 기초 : Selector(선택자), Declaration(선언), Property(속성), Value(값)

    2. CSS는 웹을 꾸밀 때 사용하는 언어다. HTML이 요소와 속성으로 이루어져 있는 것처럼 CSS는 Selector(선택자)와 Declaration(선언)이라는 큰 범위로 이루어져 있다.

    바꾸고 싶은 속성을 정확하게 어떤 값으로 바꿀 건지 선택하는 것. "하이퍼링크의 글씨 색깔을 빨간색으로 바꿀 것이다"의 "빨간색"에 해당하는 것이 value(값)이다.

    Property(속성), Value(값)

    예문으로 들었던 "하이퍼링크의 글씨 색깔을 빨간색으로 바꿀 것이다"로 다시 정리해보면 아래와 같다.

    "하이퍼링크의 글씨 색깔을 빨간색으로 바꿀 것이다"

     그리고 위의 문장을 CSS 문법으로 작성한 것이 아래 코드이다.

    코드 a { color:red; }

  2. 예제 CSS코드를 실제 <a>태그에 적용시켜보기

    3. 이제 하이퍼링크 태그인 <a>tag에 위의 예제를 적용시켜보자.

    1. <body>태그 안에 <a>태그를 먼저 작성한다.

    2. <style>태그 안에 a {color:red;}를 넣는다.

    코드 <!DOCTYPE html>
    <html>
    <head>

    <meta charset="utf-8">

    <title></title>

    <style>

    a {color:red;}

    </style>

    </head>

    <body>

    <a href="https://www.naver.com">네이버</a>

    </body>

    </html>

    출력 화면

    네이버