TIL-CSS(Property,Selector)
22.04.17
💜 CSS font-size Property
font-size 속성
- font size 속성은 글꼴의 사이즈를 설정합니다.
<style>
h1 {
font-size:45px;
}
</style>
🧡 CSS text center Property
text-align 속성은 텍스트의 정렬 방향을 의미합니다.
<style> h1 { text-align: center; } </style>
💛 CSS Selector
📌 클래스 셀렉터(Class Selector)
class값을 선택하는 셀렉터입니다. class라는 속성의 값이 가능하고 띄어쓰기로 구분합니다. 권력이 같으면 가장 최근의 명령을 듣습니다.
/*css*/ <style> .saw { color:gray; } /*html*/ <li><a href="1.html" class="saw">html</a><li>
✅ 여기서 class와 saw는 모두 CSS가 아니라 HTML이다.
✅ saw만 사용시 웹페이지의 모든 'saw'라는 이름을 선택하는 선택자이고,
class값이 saw인 태그를 나타내려면 '.saw' 앞에 점을 붙입니다.
📌 ID 셀렉터(ID Selector)
id값을 선택하는 셀렉터입니다. id는 html에서 중복되어 사용할 수 없습니다.
포괄적이지 않으므로 주로 예외를 둘 때 사용합니다.
class 선택자보다 우선순위입니다./* css */ #active { color:red; } .saw { color:gray; } /*html*/ <li><a href="1.html" class="saw">HTML</a><li> <li><a href="2.html" class="saw" id="active">CSS</a><li>
✅ class선택자가 나중에 입력되었지만 id선택자의 힘에 밀림
Author And Source
이 문제에 관하여(TIL-CSS(Property,Selector)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hoopjqriw97/TIL-CSSPropertySelector저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)