WEB2 - CSS

CSS의 등장

수업예고

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

 

 

강의

 

 

 

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. awesomedana
    컨트롤키 누르고 입력할 위치를 클릭하세엽
  2. mm_gk
    저도 이 질문을 하려고 했는데.....단축키 알려주세요~
    대화보기
    • 예아쓰
      CSS의 위력과 등장이유
    • fine tree
      감사
    • Min Sang Shin
      완료
    • 돼지천재
      감사합니다.
    • 감사합니다
    • winterer
      겨우 1일차 끝냈네..허허 바쁘다바버..
    • 키보드치는남자
      잘들었습니다
    • 타나
      감사합니다.
    • songso
      감사합니다.
    • 감사합니다!
    • icdoit
      감사합니다.
    • NGiveup
      감사합니다.
    • 김혜원
      완료
    • 완료
    • ㅇㅇ
      왜 안될까요.. <style>이 빨간색이 되야하는데 주황색이네요 ㅠㅠ
    • 진영
      완료
    • 감사합니다
      자낳괴
    • 자바가 낳은 괴물
      롤을 하며 cs를 먹을때마다 이고잉님을 떠올리겠습니다.
    • 혼포
      완료
    • 필립
      완료
    • 임재현천재
      완료!감사합니다!
    • 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
              많이 배우고가요 감사합니다^^
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기