WEB2 - CSS

혁명적 변화

수업예고

이번 시간엔 CSS를 웹페이지에 삽입하고, 선택자와 속성이라는 것을 배웁니다. 쉽기 때문에 안중요해보이지만 사실은 가장 혁명적인 변화가 시작된 것인데...

 

 

속성의 기본

강의

 

 

소스코드

변경된 내용

 

 

혁명적인 변화

댓글

댓글 본문
작성자
비밀번호
  1. Michael
    완료
  2. 김재현
    재밌다 진심
    회사 끝나고 이걸 계속 보고 있다니!
  3. 필립
    재밌어요.
  4. 로버트한
    감사합니다.^^
  5. James
    감사합니다
  6. 교육하는 개발자
    완료
  7. 코딩하는초딩
    완료
  8. 시간속으로
    완료
  9. 이시권
    좋은 선생님을 만나니, 수많은 노력들을 통해 최소한으로 정리된 내용을 아주 쉽고 빨리 배울수 있음에 너무 놀랍고 감사합니다^^ 더운 여름 지치지 않으시길 응원합니다.
  10. aimerthis(이성민)
    감사합니다
  11. moon
    감사합니다.
  12. 과천영일
    css style정말 신기합니다.
  13. 뫄뫄
    CSS 에서 선택자, 속성 알아가기! 오늘도 좋은 강의 감사합니다.
  14. 송진영
    ㅎㅎ
    하나하나 배워가는 재미가 있네욯 ㅎㅎㅎ
  15. 홍청
    selector 선택자 a 코드
    {} declaration 선언자
    color: property
    red : value

    어떤것이 어떤지 알면, 질문할 수 있음. 자신이 모르는 것이 어떤 것인지 알 수 있음.
  16. 바다의왕자
    잘 듣고 갑니다.
  17. 코딩 입문자
    2018-06-09 잘 보고 갑니다!
  18. 반자동
    좋습니다 좋아요
  19. 솔백아
    2018.05.03 잘 봤습니다 감사합니다~
  20. Dani Choi
    Webpage에 CSS삽입방법
    1. style tag (selector, declaration)
    2. style property (selector is not needed because it's within tags)

    Now we can search selectors or properties we want to use
  21. 이주현
    감사합니다 더 좋은 강의 부탁해요
  22. 스페이스몽키
    감사합니다. 점점 알아가고 발전하는 것 같아서 기분이 너무 좋네요!
  23. Dreaming_Joyy
    selector으로 body의 글을 모두 조정하면서 <style> tag를 활용해서 CSS 문법을 도입하고, 선언을 통해 디자인을 만들고; 글에서 직접 html속성으로 css의 효과를 내어 보기도 했네요! 선택자와 선언, 그리고 속성까지... 효율적 디자인!!
  24. sc0tty
    다른 방법 소개도 나올까요...?
    인터넷에 찾아보니 아래와 같이도 똑같은 효과를 낼 수 있네요.
    <style type"text/css">
    a:link {text-decoration:none; color: white;}
    a:visited {text-decoration:none; color: white;}
    a:active {text-decoration:none; color: red;}
    a:hover {text-decoration:none; color: red;}
  25. 제갈량
    스타일 시트는 속성이 다양하기 때문에
    일일이 속성을 다 기억해내기에는 어렵습니다.
    그래서, 에디터는 자동완성을 해줄 수 있는 에디터를 쓰라고 말하고 싶네요.
    브락켓이나 아톰으로 쓰시기를 권해 드립니다.
  26. 멜번리디아
    알찬강의 잘 들었습니다. 감사합니다.
  27. jayxwoo
    오늘도 강의 잘 듣고 갑니다.
  28. 제로스
    <style>
    a{
    color : blue;
    text-decoration : none;
    }
    </style>
  29. egoing
    네 맞습니다. 다른 곳에 적어도 작동하지만 약속 위반이랍니다.
    대화보기
    • 코딩초보
      안녕하세요. 공부를 잘하고 있는데 질문이 있습니다.
      원래 style 태그는 head와 body만 적용되는 것인가요?
      p에는 적용이 자동으로 안되서 궁금하더라구요 ㅎㅎ
      구글링을 해보니 약속으로 head랑 body만 적용되도록 했다고 하는데.. 맞나요?
    • Mingi Son
      180209 감사합니다
    • 잘할
      180122 완료입니당! 재밌어옄!! 최소로 배워서 최대로 사용하겠습니당!
    • 180119 감사합니다!
    • PassionOfStudy
      18-01-14 1일차 - 3번째 강의

      수강완료!


      선택자와 속성의 차이를 구분할 수 있게 되었습니다. ^_^
    • goosen
      많이배우고가요 감사합니다^^
    • 감사합니다.
    • 도기맘
      용어들이 낯설지만 잘 따라가겠습니다
    • BY Chin
      감사합니다
    • jaehyun2018
      지금 이 수업을 WEB1의 HTML에서 이어서 하면서 굳이 GitHub에 바로바로 수정해보고 있는데, HTML 안에 style=color:red; text:decoration:underline; 에서 띄어쓰기했더니 적용이 안되더라고요.^^;
      조금 느리기는 하지만 따라가고 있습니다.^^
    • 포카리40932
      Selector(선택자)
      Declaration(선언)-선택자가 지정하는 태그들에 대해서 어떠한 효과를 줄 것인가
      Property(속성)
      Value(속성의 값)
    • 이주형
      감사합니다!
    • Selector 선택자
      Declaration 효과
      Property 속성
      Value 속성의 값
    • 김현태
      감사합니다!!!
    • 감사합니다!
    • 하늘소리
      CSS에 관해 완전 무지해서 이번 강의는 용어에 대한 기초를 쌓아가는 소중한 시간이 될 수 있었어요! 감사합니다:D
    • GoldPenguin
      Property Value의 개념을 다시 생각을 하게 된 강의였습니다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기