본문 바로가기

CSS2

0024. Front-end 공부하기15 - styling(2) - Font, Color, Border, styled-components 섹션 15. Styling 3강. Font와 관련된 CSS속성, 기타 많이 사용하는 CSS 속성 1. Font와 관련된 속성 font-family 어떤 글꼴을 사용할 것인지를 결정하는 속성 사용할 글꼴의 이름을 적어주면 됨 - 글꼴의 이름에 띄어쓰기가 들어갈 경우, ""로 묶어줘야 함 사용할 글꼴이 콤마로 구분되어 여러 개의 글꼴이 쓰여 있음 font-family 속성의 fall-back 시스템 때문임. (fall-back : 시스템 문제 발생 시 이전의 안정된 상태나 설정으로 돌아가는 기능) 지정한 글꼴을 찾지 못했을 경우 대비하여 사용할 글꼴을 순서대로 지정 최대한 많은 브라우저와 운영체제에서 글자가 깨지지 않고 나올 수 있도록 하기 위함 fall back 시스템의 가장 마지막에 쓰여 있는 것은 일반.. 2023. 12. 27.
0023. Front-end 공부하기14 - Styling(1) : CSS, selector, layout, flexbox 섹션 15. Styling 1강. CSS와 selector 스타일링은 웹사이트 전체 레이아웃 구성을 포함하여 버튼의 색깔, 테두리, 폰트의 크기, 색상 등을 모두 포함하는 개념 1) CSS, Cascading Style Sheets 스타일링을 위한 일종의 언어 Cascading : 계단식, 하나의 엘리먼트가 여러 개의 스타일 규칙을 만족할 경우에 해당 스타일들을 마치 계단을 한 칸씩 내려가는 것처럼 우선순위를 가지고 적용되게 만듦 - 결과적으로, 하나의 스타일이 여러 개의 엘리먼트에 적용될 수 있고, 하나의 엘리먼트에도 여러 개의 스타일이 적용될 수 있음 셀렉터와 실제 스타일로 이뤄져 있음 2) Selcector 엘리먼트에 스타일이 적용되는 규칙 선택자 : 스타일을 어떤 엘리먼트에 적용할지를 선택하게 해.. 2023. 12. 27.