WEB2 - CSS

혁명적 변화

수업예고

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

 

 

속성의 기본

강의

 

 

소스코드

변경된 내용

 

 

혁명적인 변화

댓글

댓글 본문
  1. 빵먹고싶다
    22.11.23
  2. egoing
    아래와 같이 yeonyeon님께서 문의하신 내용은 잘 작동하는 것을 확인했습니다.
    https://jsbin.com......put
    대화보기
    • Sansol Park
      혹시나 해서 하신 방법이 잘 적용이 되었네요! :)

      html 이 잘 적용되는지 확인하고 싶으실 때는 아래 사이트에서 실시간으로 확인하실 수 있습니다.

      https://codepen.io/pen/

      빨간색 글씨, 밑줄 모두 잘 적용되었습니다. :)
      대화보기
      • 이정빈
        221110
      • yeonyeon
        안녕하세요. css를 head에 쓰지않고 body에 쓰게 되었을때 색깔과 밑줄을 넣고 싶다면, 두가지를 엮을 수 있는 방법이 있나요? 혹시나 해서 <li style=color:red;text-decoration:underline>html</li> 로 해봤는데 적용은 안되는 것 같아요ㅠ
      • yeonyeon
        안녕하세요. css를 head에 쓰지않고 body에 쓰게 되었을때 색깔과 밑줄을 넣고 싶다면, 두가지를 엮을 수 있는 방법이 있나요? 혹시나 해서 <li style=color:red;text-decoration:underline>html</li> 로 해봤는데 적용은 안되는 것 같아요ㅠ
      • 드가자
        코딩 css 드가자
      • 엠제이
        10122022
      • 보통사람 박코딩
        할수있다
      • 아아뜨아
        221005
      • 코딩드림
        22.09.23
      • 코딩왕초보
        2022.09.22
      • solfany
        2021.9.17 수강완료
      • 당당
        2022.09.07
      • 제이드
        아앗 너무 재밌어요,,,,,,
      • 모카
        2022.08.23
      • 8/19
      • MelonMusk
        08/19
      • MelonMusk
        08/19
      • 뿔고래
        선택자는 웹페이지에 있는 모든 태그의 스타일에 영향을 줄 수 있다.
        각각의 태그에 서로 다른 스타일을 주려면 태그 안에 style="color:red;"와 같은 코드를 넣어주면 된다.
      • 참새튀김
        22.08.14
      • 코딩다람쥐
        2022.08.11 수강완료
      • 22.08.09
      • 헤밍웨이
        220809 감사합니다
      • 히야
        2022년 8월 3일 수강 완료했습니다. 감사드립니다!
      • phoenix0428
        2022-0729
      • 여름이
        22.7.29.
      • 코드만다
        22.07.26
      • 꾸준히가답이다
        gogo
      • 김혜민
        22.07.10
      • scientist
        220709
      • 뀨규
        220707
      • toonfac
        220703 오후 3시 55분 완료
      • 22.06.28
      • 시대의 흐름
        2022.06.28 수강완료!
      • 예스아이캔
        22.06.26
      • kingyoungdae
        20220615
      • scientist
        220531
      • 달걀
        22/05/23
      • 한화우승
        05-22
      • 김재원
        5/16
      • 매듭달열하루
        22.04.27
        1. <style></style> 태그를 쓴다.
        2. a태그에서 style 속성을 쓴다.
      • 소파
        2022.04.20
      • cryptodreamtree
        2022 4 17

        웹 페이지 내에 css를 활용하는방법.
        1. <style>을쓴다.
        2. style 속성을 사용한다.
      • 고배배
        220417
      • 서우
        22.04.11.
      • 주파랑
        CSS를 쓰는 방법은 2가지가 있음.
        하나, <head> 안에 <style> 태그를 사용한다. 둘, 태그 안에 style 속성을 사용한다.

        그리고 style은 각각을 세미콜론을 사용하여 구분한다.
      • 웹페이지 안에 css를 삽입하는 방법 2가지
        1. style 태그를 쓴다
        2. style 속성을 쓴다
        하나의 속성으로 여러개의 스타일을 정할 수 있는데 속성을 구분하기 위해 ;을 쓴다.
      • 너구리기린
        2022.03.25
      • 프래머
        '혁명적 변화' 완료
        2022-03-18

        한 태그에만 원하는 내용을 지정하려면
        태그 안에 style 속성을 넣어서 지정할 수 있다.

        a {
        color: red;
        }
        에서 a는 a를 선택한다의 뜻이므로 선택자,
        color: red;는 선언이며
        그중에 color은 property, red는 값이다.
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기