2021.07.25 시작
WEB2 > CSS 수강
- CSS 등장 이전의 상황 7:28
- CSS의 등장 10:45
- 혁명적 변화 7:08
- CSS 속성을 스스로 알아내는 방법 8:10
- CSS 선택자를 스스로 알아내는 방법 14:52
학습내용 요약
- 중복된 코드를 제거하여 효율적으로 코드를 사용할 수 있다.
- <style> ~ </style>을 통해서 css기능을 수행함
- HTML이 정보에 전념하기 위해서 디자인의 기능을 뺏어온것을 CSS라고 할 수 있다.
- CSS를 통한 디자인이 훨씬 더 효율적이다.
- 구분자는 세미콜론(;)으로 구분해준다.
- HTML태그 안에서 CSS의 효과를 주고 싶다면
<li><a href="1.html" style="color:red">HTML</a></li>
<a 태그 css설정해보기>
모든 링크는 기본적으로 검정
방문했던 링크는 회색
현재 페이지는 빨강색
1) 원하는 부분에 태그에 class명을 지정
2) css에서 해당 클래스를 선택할때는 ( .클래스명 )
3) 클래스를 여러개 줄 수 있으나 css에서 가장 최근에 명령된 코드(마지막등장)에 반응한다
4) 클래스 선택자 vs 아이디 선택자 vs 태그 선택자
(아이디 > 클래스 > 태그) 순으로 먼저 적용됨.
id 의 값은 코드에서 단 한번만 등장되어야한다. (유일성을 가져야함 ex-주민번호 ) //예외를 주기 편함