WEB2 - CSS

CSS의 등장

수업예고

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

 

 

강의

 

 

 

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 타나
    감사합니다.
  2. songso
    감사합니다.
  3. yana
    감사합니다!
  4. icdoit
    감사합니다.
  5. NGiveup
    감사합니다.
  6. 김혜원
    완료
  7. 완료
  8. ㅇㅇ
    왜 안될까요.. <style>이 빨간색이 되야하는데 주황색이네요 ㅠㅠ
  9. 진영
    완료
  10. 감사합니다
    자낳괴
  11. 자바가 낳은 괴물
    롤을 하며 cs를 먹을때마다 이고잉님을 떠올리겠습니다.
  12. 혼포
    완료
  13. 필립
    완료
  14. 임재현천재
    완료!감사합니다!
  15. alt키와 ctrl키를 누른 상태에서 입력하고자 하는 곳을 클릭 클릭 하시면 됩니다.
    대화보기
    • 재경
      <font color ="red">
      <font color ="red">
      <font color ="red">

      폰트 태그를 3개 연달아서 딱딱딱 손쉽게 선택하셨는데 단축키가 어떻게 되나요? 도저히 모르겠어요..
    • 시간속으로
      완료
    • aimerthis(이성민)
      잘봤습니다.
    • 감사합니다
    • 이가은
      h1보다 a태그의 성질을 우선시하여 a의 스타일이 h1을 먹어서 그래요.
      요소간의 우선순위가 먼저인 요소가 어떤 것이냐에 따라 스타일 적용 순서도 달라집니다.
      대화보기
      • 과천영일
        a 가 되면 h1 이라고 바꾸면 h1 tag가 있는곳은 다 변해야할것같은데 안변해요...
      • 문0527
        user agent stylesheet가 먹혀서 그런거 같아요
        기본적으로 시스템상에서 CSS가 먹을때가 있거든요
        클릭할때만 색깔 변화가 일어난다고 하시는거 보니
        a:link { color:black; }을 사용해서 CSS를 수정해보세요
        그래도 되지 않는다면 관련 블로그에 들어가셔서 참고하시고
        CSS변경해보세요 관련 블로그 링크 남기겠습니다

        공부 화이팅!

        http://rongscodinghistory.tistory.com/18
        대화보기
        • 왜 클릭할때만 색깔변화가 일어날까요??
          코드 쓰신거랑 제가 쓴거랑 비교해서 몇번이나 고치고 리로드 해봤는데도 기본 색깔은 안바뀌고 클릭할 때만 변화합니다. 뭐가 잘못된 걸까요??
        • 송진영
          HTML이 분화되서 분업화를 이룬게 CSS라는 말씀
          잊지 않겠습니다!
          재미있는 강의 감사합니다
        • 나래손
          재미있어요 잘봤습니다
        • streetlamp
          파이썬 CGI 어플리케이션에서 css를 사용하면 에러가 뜨는군요..

          Traceback (most recent call last):
          File "/var/www/html/index.py", line 34, in <module>
          delete=getInformation.getDelete()))
          KeyError: '\n color'
        • 솔백아
          2018.05.03 잘 봤습니다 감사합니다!
        • 감사합니다 늘 잘 보고있어요
        • 스페이스몽키
          감사합니다. 개인실습을 진행하면서 모르는 부분, 힘들었던 부분을 하나하나 알아가는것 같아서 흥분됩니다!
        • Dreaming_Joyy
          html은 정보에 집중하고, css는 디자인에 집중한 기능을 분산하여 강화한 혁명이군요.
          모든 강조할 글자 앞에 하나씩 tag를 달아주어야 하는데, 같은 기능에 대해서는 한번에! 한줄로! 조정할 수 있다니... 멋지군요! 중복의 제거, 분류의 미학, 관리의 편리함! 소스코드의 가독성!
        • Beginandbegin
          html의 본질은 정보전달 css의본질은 디자인
          즉css라는 언어를 만듬으로써 서로가 각각의 본질혹은 역할에 집중할수 있게 되었군
        • cactusky
          물질의 세계에선 있을 수 없는 일.
        • 제로스
          감사합니다^^
        • 위버
          재밌다
        • 김수현
          태그의 모든요소에 테두리값이 들어가있어서 css로 테두리를 지정했는데 만약 일정 한부분만 테두리색이 다르고 싶다면
          html에서 style로 그 값만 바꾸어주는게 효율적인가요 아님 클래스나 nth-child를 주어 css에서 변경해 주는 것이 효율적인 건가요?
        • p 태그에 style 속성을 주시면 모든 단락에 동일하게 적용되구요.
          단락 중 '일부'만 바꾸시려면, 그 바꾸시려는 일부를 <span> 태그로 감싸시면 될거예요.


          예를들어 p 태그의 모든 폰트를 파란색으로 했지만, 그 중 '가나다라' 라는 폰트만 붉은색으로 하고싶다면?

          1. style 속성을 사용하여 적용하기

          <p style="color:blue">
            <span style="color:red">가나다라</span>마바사아자차카타파하
          </p>

          ----------------------------------------------------------------------------------

          2. CSS로 적용하기
          .
          .
          <style>
            p { color:blue; }
            span { color:red; }
          </style>
          .
          .
          <body>
            <p>
              <span>가나다라</span>마바사아자차카타파하
            </p>
          </body>

          ==================================

          이런식으로요.
          근데 style 속성을 사용하는 방법은 별로 추천하는 방법이 아니라고들 하네요.
          대화보기
          • 한재민
            첫번째 질문은 다음 강의를 보고 답을 찾았습니다. 두번째 질문의 뜻은, <p>태그 안에 있는 단락 중, 제가 색을 바꾸고 싶은 것이 있다면 어떻게 바꾸어야 하는지가 궁금했습니다. 똑같이 style = color : red를 넣으면 되나요??
          • 한재민
            혹시 a태그 뒤에 있는 모든 글이 아닌, 단일한 글의 색만 바꾸고 싶거나, a태그 뒤에 있지 않은 문장의 색을 바꿀 수 있는 방법도 있나요??
          • 김진수
            감사합니다
          • PassionOfStudy
            18-01-14 1일차 - 2번째 강의

            수강완료!

            --------------------------------------------------------------------------------
            CSS 사용방법

            <style>
            a {
            color: red;
            }
            </style>
          • goosen
            많이 배우고가요 감사합니다^^
          • 감사합니다.
          • BY Chin
            감사합니다
          • 포카리40932
            감사합니다!
          • 임찬
            저도 같은 실수를 하고 헤매다가 곰곰이 생각해보니 htdocs안의 코드를 바꿔야 했더라구요 ㅋㅋ
            바로 안되길래 github에 올린 코드를 수정하고 실행해보고나서야 깨달았어요
            대화보기
            • 서영훈
              ctrl+o 를 통해서 파일을 열먼 css 코드를 통해서 색깔변화가 가능한데,

              왜 bitnami 서버를 통해서 index를 들어가면 왜 저장해도 변화가 적용이 안될까요?ㅠㅠ


              =========================================================
              이해했습니다!

              htdoc 파일에 있는 index를 수정해야 서버에서 업데이트가 되는군요 실수로 서버가 연결되어있지않은 web폴더를 수정시켜놓고 헷갈려햇네요

              항상 좋은수업감사드립니다!
            • 별밤
              CSS 수업예고 글귀가 스타워즈 인트로급이네요. 늘 감사합니다.
            • 이주형
              감사합니다~!^_^
            • 감사합니다 ^^
              대화보기
              • 김현태
                감사합니다!!
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기