생활코딩

Coding Everybody

코스 전체목록

닫기

혁명적 변화

수업예고

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

 

 

속성의 기본

강의

 

 

소스코드

변경된 내용

 

 

혁명적인 변화

댓글

댓글 본문
  1. ikurpw(iKnowYourPassword) : )
    3. [혁명적 변화]

    선택자 = Selector → a
    선언, 효과 = Declaration → color:red;
    속성 = Property → color
    속성값 = Property Value → red

    구분자로 세미콜론(:)을 사용한다.
  2. ikurpw(iKnowYourPassword) : )
    01 링크 밑줄을 없애는 CSS 코드
    <style>
    a {
    color:black;
    text-decoration: none;
    }
    </style>


    특정 줄에만 믿줄을 치는 CSS 코드
    <li><a href="1.html">HTML</a></li>
    <li><a href="2.html" style="color:red;text-decoration:underline;">CSS</a></li>
    <li><a href="3.html">JavaScript</a></li>
  3. beginner
    20240305
  4. 2024.02.05 완료
  5. 레나
    2024.01.22 완료
  6. 후리후리
    2024.01.22 완료
  7. ECLECTIC
    시작
  8. gony2623
    240114
  9. 김현지
    2024.1.6
  10. 므갱이
    2023.11.10 완료
  11. KunWoo
    231027
  12. 코율
    231016 완
  13. 정연세
    230929완
  14. 정윤수
    23.09.10 완
  15. 30늦은나이아니라고해줘
    2023-08-23 완료2023-08-23 완료
  16. 나쵸
    230822 완료
  17. ANTIFRAGILE
    23.08.14.
  18. 오옹오옹
    23.08.05
  19. 아멜리아
    2023.07.13
  20. 코딩두
    23.07.07 완료
  21. 어흥
    230611
  22. 코코
    23.05.23
  23. 드림보이000
    2023.05.18. WEB2 - CSS - CSS의 기본 문법과 혁명적 변화 파트를 시작합니다.
  24. 230515
  25. nightsunny
    23.04.30 check.
  26. 하얀세상
    2023.04.13
  27. otter
    2023.03.18
  28. 코딩척척석사
    2023.03.08
  29. ashkite12
    23.03.06
  30. 박혜원
    2023.03.03 학습완료
  31. 태발군
  32. 오즐
    2023.03.01
  33. 재밌다..!!
  34. webby
    23.02.25
  35. Gosanjung
    와우,,,,,기능이 실로 대단 합니다~!!!
  36. otcace
    23.02.17
  37. 프론트
    2023.02.05
  38. 열공강아지
    2/1
  39. TheDuck
    2023. 02. 01 완료
  40. 고원규
    2023.02.01
  41. 고세구300m
    23.01.29 킹아!
  42. Hertz
    2023-01-29
  43. Jay Kim
    22-12-19 완료
  44. BBIYA
    22.12.06-1
  45. leelanggogo
    선생님 <style="color:red; text-decoration:underline;">복 많이 받으세요
  46. 빵먹고싶다
    22.11.23
  47. 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> 로 해봤는데 적용은 안되는 것 같아요ㅠ
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기