푸으름

✏️ 표 제목의 위치를 정해주는 caption-side 속성table{ caption-side: bottom; caption-side: top;}top : 캡션을 표 위쪽에 표시, 기본값bottom : 캡션을 표 아래쪽에 표시✏️ 표에 테두리를 그려 주는 border 속성표 테두리는 border 속성을 사용하고 표 바깥 테두리와 셀 테두리를 각각 지정할 수 있음 상품 구성 선물용과 가정용 상품 구성 용도 중량 갯수 가격 선물용 3kg 11~16과 35,000원 5kg 18..

✏️ 볼릿 모양과 번호 스타일을 지정하는 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에는..