수업예고
이번 시간엔 CSS를 웹페이지에 삽입하고, 선택자와 속성이라는 것을 배웁니다. 쉽기 때문에 안중요해보이지만 사실은 가장 혁명적인 변화가 시작된 것인데...
속성의 기본
강의
소스코드
생활코딩
Coding Everybody
댓글
-
아! 감사합니다~! -
https://opentutorials.org......327
이 수업을 보시면 전페 페이지에 적용하는 방법을 볼 수 있답니다. -
알려주신 styel태그를 index.html에만 넣으면 전체적으로 적용이 되는건지에 대해 궁금합니다.
-
<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 완료
-
2024-05-22 완료
-
2024-05-05 완료
-
2024-05-03 완료!
-
완료
-
24.4.1 완료
-
3. [혁명적 변화]
선택자 = Selector → a
선언, 효과 = Declaration → color:red;
속성 = Property → color
속성값 = Property Value → red
구분자로 세미콜론(:)을 사용한다. -
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> -
20240305
-
2024.02.05 완료
-
2024.01.22 완료
-
2024.01.22 완료
-
시작
-
240114
-
2024.1.6
-
2023.11.10 완료 -
231027
-
231016 완 -
230929완
-
23.09.10 완 -
2023-08-23 완료2023-08-23 완료
-
230822 완료
-
23.08.14.
-
23.08.05
-
2023.07.13
-
23.07.07 완료 -
230611 -
23.05.23 -
2023.05.18. WEB2 - CSS - CSS의 기본 문법과 혁명적 변화 파트를 시작합니다. -
230515
-
23.04.30 check.
-
2023.04.13
-
2023.03.18 -
2023.03.08
-
23.03.06
-
2023.03.03 학습완료 -
-
2023.03.01
-
재밌다..!!
-
23.02.25
