멋쟁이 사자처럼 at 한국교통대학교 7기

2019 KNUT X LIKE LION #7

코스 전체목록

닫기

혁명적 변화

수업예고

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

 

 

속성의 기본

강의

 

 

소스코드

변경된 내용

 

 

혁명적인 변화

댓글

댓글 본문
  1. 끼리코덤보
    아! 감사합니다~!
    대화보기
    • egoing
      https://opentutorials.org......327
      이 수업을 보시면 전페 페이지에 적용하는 방법을 볼 수 있답니다.
      대화보기
      • 끼리코덤보
        알려주신 styel태그를 index.html에만 넣으면 전체적으로 적용이 되는건지에 대해 궁금합니다.
        대화보기
        • egoing+welcome+facebook
          <style>
          a {
          color: black; /* 원하는 색상 */
          text-decoration: none; /* 밑줄 제거 */
          }
          </style>

          위와 같은 내용을 head 태그 안에 넣으면 됩니다. 전체 코드를 알려주시면 답변에 도움이 될 것 같습니다.
          대화보기
          • 끼리코덤보
            index.html에 style태그를 사용해 a태그 색상과 밑줄 제거를 추가 했습니다.
            웹페이지에서 1.html,2.html,3.html을 클릭하면 a태그 색상은 바뀌는데 밑줄은 안 없어져요.
            색상은 전부 적용되는거고 decoration은 하나씩 다 추가해야하는건가요?
          • 냠냠개발자
            완료
          • 눈농
            24.10.10 완료
          • 모찌타로
            <style>
            a (selector) {
            color:red (declaration)
            }
            <style>

            or
            <style="color:red">
          • 모찌타로
            완료
          • 호록이
            [Completed] 2024.08.05 (월)
          • 김진현
            2024.06.20 완료
          • nathan
            2024-05-22 완료
          • 야생의코린이
            2024-05-05 완료
          • 이사야
            2024-05-03 완료!
          • 마우스오른쪽버튼
            완료
          • 김태규
            24.4.1 완료
          • ikurpw(iKnowYourPassword) : )
            3. [혁명적 변화]

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

            구분자로 세미콜론(:)을 사용한다.
          • 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>
          • beginner
            20240305
          • 2024.02.05 완료
          • 레나
            2024.01.22 완료
          • 후리후리
            2024.01.22 완료
          • ECLECTIC
            시작
          • gony2623
            240114
          • 김현지
            2024.1.6
          • 므갱이
            2023.11.10 완료
          • KunWoo
            231027
          • 코율
            231016 완
          • 정연세
            230929완
          • 정윤수
            23.09.10 완
          • 30늦은나이아니라고해줘
            2023-08-23 완료2023-08-23 완료
          • 나쵸
            230822 완료
          • ANTIFRAGILE
            23.08.14.
          • 오옹오옹
            23.08.05
          • 아멜리아
            2023.07.13
          • 코딩두
            23.07.07 완료
          • 어흥
            230611
          • 코코
            23.05.23
          • 드림보이000
            2023.05.18. WEB2 - CSS - CSS의 기본 문법과 혁명적 변화 파트를 시작합니다.
          • 230515
          • nightsunny
            23.04.30 check.
          • 하얀세상
            2023.04.13
          • otter
            2023.03.18
          • 코딩척척석사
            2023.03.08
          • ashkite12
            23.03.06
          • 박혜원
            2023.03.03 학습완료
          • 태발군
          • 오즐
            2023.03.01
          • 재밌다..!!
          • webby
            23.02.25
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기