[CSS]-개념과 기초 문법
2023. 2. 15. 23:33ㆍ프론트엔드 과거의 흔적
CSS(Cascading Style Sheets)는 HTML로 만들어진 웹 페이지의 뼈대에 살을 입히고 디자인하는 언어이다.
웹 페이지의 스타일과 레이아웃을 정의하고 전달력, 가독성, 디자인적 탁월함 등의 더 나은 사용자 경험(UX, user experience)을 제공할 수 있는 사용자 인터페이스(UI, user interface)를 만드는 수단인 것이다.
프론트엔드 개발자는 CSS를 활용하여 다음과 같은 작업을 수행할 수 있어야 한다.
- 화면의 구성, 배치
- 컴포넌트 기능에 따른 분류 및 제작
- 타이포그래피와 색상의 적용
- 요소의 정렬이나 배색에 대한 감각 기르기
- UI/UX에 대한 고민 및 바람직한 구현 방향에 대한 고민
셀렉터는 요소의 이름이나 ID, Class를 선택하고 선택한 특정 요소에 적용할 내용을 중괄호 안에 입력한다. 이 때 요소에 적용할 수 있는 내용을 속성이라고 한다. 속성에 적용할 적절한 값을 입력하여 스타일을 표현하고 속성값의 끝에는 세미콜론을 붙여 속성끼리 구별할 수 있도록 한다.
'프론트엔드 과거의 흔적' 카테고리의 다른 글
| [2023.02.16]-Flexbox를 이용한 레이아웃 잡기, 첫 페어프로그래밍 (0) | 2023.02.16 |
|---|---|
| [2023.02.15]-CSS의 기본적 사용법에 대해 배운 날 (0) | 2023.02.16 |
| [HTML5]-<a> 태그 사용 시 새 창에서 페이지가 열리도록 하는 법 (0) | 2023.02.15 |
| [2023.02.14]-HTML5의 기본 구조와 자주 사용하는 HTML5 요소 (0) | 2023.02.14 |
| [2023.02.13]-SEB_FE_44기와의 첫 만남 (0) | 2023.02.13 |