강의
내용이 많고 복잡합니다. 시간을 충분히 확보하고 시작하세요.
댓글
-
저는,
제목과 아래에 작게 부제를 적고 싶어요.
제목에는 'title' 클래스 속성을 주고 <style> 로 폰트와 크기, 색을 변경했어요.
그런데 여기서 부제에서 제목과 같은 폰트에 같은 색으로 하고싶어요.
그러면 부제에도 또다른 클래스 속성을 주고, 폰트와 색은 같은 내용을 반복해서 써야하나요?
부제에서는 텍스트 크기의 내용만 적고 다른 속성은 그대로 두는 법이 없을까요?
(폰트 바꾸는 법을 내가 찾아보고, 내 힘으로 알아낸 방법으로 폰트가 바뀌었을때 엄청 기뻤어요!^^)
<!DOCTYPE html>
<html>
<head>
<title>６年２組</title>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300&display=swap" rel="stylesheet">
<style>
.subtitle {
font-size: 15px;
text-align: center; #이 반복 되는 내용을 없애고 싶음
font-family: 'M PLUS 2', sans-serif; #이 반복 되는 내용을 없애고 싶음
}
.title {
font-size: 50px;
text-align: center;
font-family: 'M PLUS 2', sans-serif;
}
</style>
</head>
<body>
<div class="title">６年２組</div>
<div class="subtitle">令和３年度平岡公園小学校６年２組同窓会</div>
</body>
</html> -
나중에 작성하다보면 엄청 헷갈리게 될 것같은데,,
Class, Id, 태그 외 효율적으로 그룹지어서 헷갈리지 않을 수 있는 방법 생각해보자
22.05.28 -
22/05/23
-
우선 순위 선택자
아이디 > 클래스 > 태그
CSS 언어로 선택자를 언급할 경우
아이디 : #
클래스 : .
태그 : 태그명
스타일 태그 내에서 태그끼리의 선택자 우선 순위는 html 문서 내에 가장 하단, body 태그 내에서 가까운 선택자 -
5/16
-
2022.04.29 선택자
-
22.04.27
선택자는 태그 < class(.) < id(#) 순서로 우선순위가 높다.
css를 만든사람은 구체적인 것을 포괄적인 것보다 우선순위를 높였다.
왜냐하면 그래야지만 태그, 즉 포괄적인 것을 이용하여 전체적인 것을 정하고 ID, 즉 구체적인 것을 이용하여 예외적인 것들을 정하는 것이 훨씬 효율적이기 때문이다. -
220417
-
22.04.11.
-
선택자(selector) *중요도 높음!
- 영상 속에서 다룬 선택자들을 힘이 센? 먼저 적용되는 순으로 쓰면 id☞class☞그냥 html태그 순이다.
-color property에 쓸 수 있는 property value는 여러 방법이 있는데, 거기에 쓸 수 있는 색상값을 정리해 둔 사이트를 발견했다. (https://www.w3.org......rds)
-그리고 선택자를 여러 개 쓰니까 '왜 이 속성을 이 선택자에 쓸 때랑 저 선택자에 쓸 때랑 다르게 페이지에 출력될까' 궁금증 발생함!! -
태그 선택자 < class 선택자 (.) < id 선택자 (#) 순서로 큼.
구체적인 것을 포괄적인 것보다 우선순위를 높임.
왜냐하면 포괄적인 것을 이용하여 전체적인 것을 정하고 예외적인 것을 구체적인 선택자를 이용하여 설정하는 것이 더 편하고 효율적이기 때문. -
2022.03.25
-
^^
-
220307
-
2020.03.05
-
2022.03.05
-
2022.03.03
모든 것을 암기하기 보단 약간의 이해를 하여라.
태그 선택자 > 클래스 선택자(.) > id 선택자(#)
keepgoing -
선택자알아내기 + 선택자간의 우선순위
-
20220222
-
22.02.21. -
2022-02-20
-
22.2.16
-
2022.02.11. WEB2 - CSS - CSS 선택자를 스스로 알아내는 방법 파트 수강완료 -
22-02-10 완료
-
2022.02.06 완료
-
22-2-6 -
감사합니다! -
완료
-
20220121
-
22.01.21
-
20220120
-
220112
-
2022/01/11 완료
-
칸료
-
20220108
-
감사히 잘 봤습니다. 근데 원래 의도인 "방문한 사이트"에 color를 적용하는거라면 a:vistied{}를 사용하는 게 더 적절하지 않을까요?
-
220108 감사합니다
-
22.01.04 -
2021-12-29 -
완료
-
21.12
-
21.12.19 수강완료
-
2021.12.15
-
오후 10:15 2021-12-13
-
21.11.28 완료
-
21.11.26
-
20211125 선택자 element(태그) .class #id 순으로 강함.. 그 외에도 css selector를 검색하면 여러가지 있음.
-
20211125 선택자 element(태그) .class #id 순으로 강함.. 그 외에도 css selector를 검색하면 여러가지 있음.
-
가장 마지막 선택자일수록 우선순위 -
우선 반영 순서 id>class>일반tag
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
