ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [21.02.11] CSS 첫째 날
    WEB/study log 2021. 8. 29. 23:44
    728x90

    진도: ~혁명적 변화까지

    html만 쓰는 데에는 한계가 존재한다! -> "CSS"라는 새로운 언어의 등장 계기
    -html과 달리, 웹에 대한 정보(a, p, h1 태그와 같은...) X-> 디자인에 관한 내용 O

    html과 css는 완전히 다른 언어기 때문에 html 파일이 css가 쓰인다는 것을 알 수 있도록 선언해줘야 함
    ->웹페이지에 css 삽입하는 2가지 방법 존재한다!

    1. style 태그를 사용한다 -> "선택자"=이 웹페이지에 주고 싶은 효과를 누구에게 줄 것이냐 선택!
    2. style 속성을 사용한다 = 원하는 특정 태그 내에 직접 넣어준다

    1번 style태그를 사용하는 경우엔 head 태그 내에 style이라는 css 태그를 넣어준다 그리고 그 사이에 a{ color:red }를 적어주면, '이 html 파일에 있는 모든 a 태그에 대해 css 문법에 따라 해석하여 color:red를 적용한다'라는 뜻이 된다. 이때 a는 선택자, color:red는 선언(declaration), color는 속성(property), red는 속성값(value)이다. 1번 style 태그를 이용하는 경우에는 한번에 바꿀 수 있으므로 유지 보수나 가독성 면에서 우수하다. 그래서 1번 방법만을 사용하도록 하겠다.

    728x90

    'WEB > study log' 카테고리의 다른 글

    [21.02.17] Javascript 첫째 날  (0) 2021.08.29
    [21.02.13] CSS 셋째 날  (0) 2021.08.29
    [21.02.12] CSS 둘째 날  (0) 2021.08.29
    [21.01.03] HTML 둘째 날  (0) 2021.08.29
    [21.01.02] HTML 첫째 날  (0) 2021.08.29
Designed by Tistory.