푸으름

✏️ 볼릿 모양과 번호 스타일을 지정하는 list-style-type 속성 도서 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈    ✏️ 볼릿 대신 이미지를 사용하는 list-style-image 속성list-style-image:url(이미지 파일 경로)list-style-type 속성에서 바꿀 수 있는 유형은 3가지뿐이여서 단조로운 편이지만 list-style-image 속성을 이용하면 볼릿을원하는 이미지로 바꿀 수 있고 이미지는 볼릿 크기만큼 작아야지 좋음 이지스퍼블리싱 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈   ✏️ 목록을 들여 쓰는 list-type-positio..

✏️ 글자색을 지정하는 color 속성16진수로 표현하기-총 6자리를 쓰며 #RRGGBB로 표시하며 #000000(검은색)부터 #ffffff(흰색)까지 사용가능rgb로 표현하기- rgb는 red, green, blue의 줄임말로 앞에서부터 차례대로 빨간색, 초록색, 파란색이 들어 있는 값을 나타내고, 하나도 섞이지 않으면 0, 가득 섞여있을 때는 255로 표현하며 그 사이의 값으로 표현함rgba로 표현하기- rgba는 rgb에서 볼투명도(alpha)를 붙인 것으로 1은 완전히 불투명한 것이고 0은 완전히 투명한 것hsl로 표현하기- h는 hue(색상), s는 saturation(채도), l은 lightness(명도)의 줄임말로 색상과 채도 명도를 이용해 표현hsla로 표현하기- hsl에서 볼투명도(a..

✏️ 웹 폰트란?사용자가 직접 원하는 글꼴을 사용하고 싶을 때 웹 상에서 다운받아서 사용할 수 있는 글꼴CSS3가 웹 폰트를 표준으로 채택함으로써 많은 작업들이 편리해짐 ✏️ 웹 폰트 사용 방법1. 웹 상에서 제공해 주는 경우에는 주로 링크를 사용2. 그렇지 않거나 자신이 가지고 있는 TFT 폰트를 변환해서 사용할 때는 방법이 달라짐=> 컴퓨터에서 사용하는 글꼴은 트루타입(TrueType)이고 파일 확장자는 *.tff이나, tff는 파일 크기가 커서 웹에서 사용하기에는 적절하지 않음. 그래서 사용하는 확장자가 EOT와 WOFF, WOFF2를 많이 사용@font-face { font-family: ; src: ;}font-family를 통해 앞으로 이런 속성은 이런 이름으로 사용하겠다~를 지정src에는..

✏️ 글꼴을 지정하는 font-family 속성웹 문서의 글꼴은 font-family 속성으로 지정 / font-family : |[ , ]body{ font-family: "맑은 고딕"}✏️ 기본형 기호 이해하기1. '|' 는 나열한 옵션 중 하나가 값이 되어야 함ex) font-size : 값1 | 값2 | 값3 / font-size 속성은 값1 or 값2 or 값3 중 하나가 되어야 함2. 속성값을 나열할 때 키워드(약속한 값)은 그대로 나열ex) font-variant : normal | small-caps / font-variant 속성은 normail이나 small-cpas의 값을 사용3. 속성값을 나열할 때 값이 아니라 유형이라면 로 묶기ex) font-size : | | | ..