ETC
[ETC] CSS
기록하는_사람
2022. 11. 2. 15:55
CSS
📌 CSS
: 웹 문서의 디자인 요소 담당.
📌 선택자와 선언부로 구성.
- 선택자 : 디자인을 적용하고자 하는 HTML 요소.
- 선언부 : { }. 다수의 속성 포함.
- 속성 : '속성:값;'으로 표현.
스타일 시트
📌 CSS를 HTML에 적용하는 방법
① 인라인 스타일 시트
: HTML 태그에 CSS 속성 정의.
② 내장 스타일 시트
: HTML 문서의 <head> 부분에 CSS 정의 부분 포함.
③ 외장 스타일 시트
: 별도의 CSS 파일 생성 후, HTML 문서에 링크로 포함.
셀렉터(Selector)
📌 셀렉터(Selector) == 선택자
: HTML 문서에서 특정 부분을 선택하지 위한 구문.
태그 셀렉터
📌 태그 셀렉터
: HTML의 기본 구성 요소.
공통 디자인 속성 정의할 때 사용.
📌 태그 이름으로 요소 선택.
📌 , 로 태그 여러 개 일괄 적용 가능.
아이디 셀렉터
📌 아이디 셀렉터
: HTML 태그의 아이디 속성 사용,
📌 앞에 # 붙여 적용.
📌 하나의 고유한 요소 선택하는 데 사용.
클래스 셀렉터
📌 클래스 셀렉터
: 클래스 이름으로 구분해 스타일을 만들고, HTML에서 클래스 속성을 적용해 원하는 디자인을 적용하는 방법.
부트스트랩(Bootstrp)
📌 부트스트랩(Bootstrp)
: 대표적인 오픈소스 CSS 라이브러리.
Bootstrap
강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생기
getbootstrap.kr