생활코딩

Coding Everybody

코스 전체목록

닫기

CSS의 등장

수업예고

웹이 태어난 직후에 HTML에는 디자인을 위한 코드가 대거 추가됩니다. 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시킵니다. 이를 극복하기 위해서 웹을 만드는 사람들은 디지털 정보의 세계를 완전히 바꿔놓을 기술을 궁리하기 시작하는데...

 

 

강의

 

 

 

소스코드

변경사항

 

댓글

댓글 본문
  1. scientist
    220705
  2. toonfac
    220703 오후 3시 50분 완료
  3. 22.06.28
  4. 시대의 흐름
    2022.06.28 수강완료!
  5. 예스아이캔
    22.06.26
  6. 리언
    220617
  7. scientist
    220531
  8. 달걀
    22/05/23
  9. 김재원
    5/16
  10. eunbee
    22-05-11
  11. 매듭달열하루
    22.04.27
    <style>
    </style>
  12. 소파
    2022.04.20
  13. cryptodreamtree
    22 04 17

    잘하는방법= 중복을 없앤다.
    css는 html에서 나오는 중복을 제거해줌.
    이는 코딩의 길이가 길어질수록 그것의 효과가 매우 폭발적으로 증가함.
    css는 html에서 길게 태그를 써야했던것을 한 줄의 변경으로도 쉽게 가변시킬수잇음.
  14. 고배배
    220417
  15. 서우
    22.04.11.
  16. css는 html보다 효율성이 높음.
    front 태그를 이용해서 일일이 작성해야하는 html과 다르게 css는 style 태그 안에 문법을 넣어서 한번에 처리 가능.
  17. habong
    22.04.01
  18. 너구리기린
    2022.03.25
  19. 프래머
    'CSS의 등장' 완료
    2022-03-20

    <style> 태그 안에 CSS 문법을 넣어서
    CSS를 사용할 수 있다.
  20. 이윤
    220307
  21. DH니스
    2022.03.04
  22. ^^
  23. keepgoing
    22.03.03
    우리가 모르는 새에 사람들이 정보를 볼 수 있도록 노력한 사람들이 있고 또 이를 이쁘게 만들기 위해 노력한 사람들이 있다. 그들에게 감사하며 발자취를 밟아보자
    keepgoing
  24. 0226민규
    +hmtl을 정보를 전념하기위해
  25. 0226민규
    css를 통해 효율성 증가
  26. new 개발자
    20220222 end
  27. tfx5470h
    2022-02-20
  28. ywbyeol
    22.2.16
  29. 감사합니다 !
  30. 드림보이
    2022.02.11. WEB2 - CSS - CSS의 등장 파트 수강완료
  31. 푸른초인
    2022.02.09.
  32. 2022.2.3
  33. gaheebella
    2022.02.02
  34. Jaime Kim
    감사합니다!
  35. 나노미터
    완료
  36. 김나루
    20220119
  37. 220118
  38. 요Q르트
    2022/01/11 완료
  39. 전역4달전시작
    칸료
  40. 열정jk
    220108 감사합니다
  41. 220107
  42. 달수
    20220107
  43. 김두현
    2022.01.04
  44. 드솔
    2021.12.27
  45. ㅁㄱ
    완료
  46. 그니
    21.12.14 수강완료
  47. 롤링
    오후 9:38 2021-12-13
  48. 히히
    해결 되셨나요? atom 에서 회색으로 표시된다는것은 어떤 정보를 가진 태그나 코드가 아닌,
    표기해야할 텍스트로 인식한다는 뜻으로 이해하고 있는데요.
    혹시 html 파일로 실행시키면 어떻게 출력이 되는지도 궁금하고요
    대화보기
    • 승은
      아톰으로 web1에서 만들었던 기반으로 진행 중입니다. style 태그가 읽히지 않습니다.
      영상과 동일하게 진행했는데 왜그런지 모르겠네요ㅜㅜ
      차이점을 찾아보면 영상에서 보여지는 코드색과 제가 작성한 코드색이 다릅니다..
      아래 처럼 보여지는데 이거때문에 문제인건지.. 도와주십쇼ㅜㅜ

      # 영상 화면
      <style> => style 글씨색 빨간색
      a {
      color:red; => red 글씨색 주황색
      }
      </style> => style 글씨색 빨간색


      # 제가 작성한 코드에서 보면

      <style> => style 글씨색 주황색
      a {
      color:red; => red 글씨색 회색
      }
      </style> => style 글씨색 빨간색
    • Mercury
      21-12-1
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기