1. list-style-image: 원하는 이미지로 불릿을 대신하기 list-style-image: url('이미지 파일 경로') | none ; 속성값 설명 url('이미지 파일 경로'); 가지고 있는 이미지 파일을 불릿 대신에 사용할 수 있음. none; list-style-type에서 지정한 속성대로 나타남. list-style-type의 단조로운 불릿 대신, 원하는 이미지로 불릿을 만들고 싶을 때 사용한다. 불릿으로 대신 사용할 이미지는 작은 사이즈인 것이 좋다. 아니면, Hi, Daisy! 이 소스 코드가 아래 이미지처럼 불릿이 잘려 나온다....ㅜ (사용한 이미지의 크기는 512px * 512px이다.) 그래서 도대체 얼마나 작은 사이즈의 이미지를 써야 하는지 몰라서 책의 예제에 있는 파일의..

list-style-type: 불릿 모양과 번호 스타일 지정 앗, 이것은 생활코딩 강의 들으면서 해 본 것들이다..!!! 개념 및 내용은 링크로 대체해야겠다ㅎㅎ 그 때, 강의에서 나오지 않는 속성값까지 (굳이굳이) 찾아가며 정리해 놨었으니까??😜 https://from-ms-to-developer.tistory.com/entry/13%EA%B0%95-%EB%AA%A9%EB%A1%9D-%EB%A7%8C%EB%93%A4%EA%B8%B0-ul-ol-li 13강. 목록 만들기 , , 연관된 항목을 나열할 때 쓰는 것. 마치, 안녕. Hello. 你好。 이런 것이나 안녕. Hello. 你好。 이런 것처럼ㅎ.. (모르는 건 아니지만^^) 여기서 순서가 없는 항목을 나열할 땐 tag를, 순서가 있는 항목 from-m..

1. text-shadow: 텍스트에 그림자 효과 넣기 text-shadow: none | ; 속성값 설명 '텍스트~그림자'의 가로 거리. 필수로 작성해야 하는 속성. (+) 값: 텍스트의 오른쪽으로 그림자 생김. (-) 값: 텍스트의 왼쪽으로 그림자 생김. '텍스트~그림자'의 세로 거리. 필수로 작성해야 하는 속성. (+) 값: 텍스트의 아래쪽으로 그림자 생김. (-) 값: 텍스트의 위쪽으로 그림자 생김. 그림자가 번지는 정도. (+) 값: 그림자가 모든 방향으로 퍼져나가서 그림자가 크게 표시됨. (-) 값: 그림자가 모든 방향으로 축소되어 보임. default 값은 0임. 그림자 색상 지정. 한 가지 색상으로만 지정할 수도 있고, 공백으로 구분해 여러 색상을 지정할 수도 있음. default 값은 현..

1. text-align: 텍스트 정렬하기 text-align: start | end | left | right | center | justify | match-parent ; 속성값 설명 start 현재 텍스트 줄의 시작 위치에 맞춰 문단을 정렬. end 현재 텍스트 줄의 끝 위치에 맞춰 문단을 정렬. left 왼쪽에 맞춰 문단을 정렬. default 값. 오른쪽에 여백이 존재한다. right 오른쪽에 맞춰 문단을 정렬. center 가운데에 맞춰 문단을 정렬. justify 양쪽에 맞춰 문단을 정렬. left와 달리 오른쪽에 여백이 없다. match-parent 부모 요소를 따라 문단을 정렬. 예제 1. 껍질에 붉은 빛이 돌아 레드향(감평甘平)이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 ..

color: ; 1. 16진수로 표현하는 방법 1) hsl, hsla Hue(색상): 0°는 빨강, 120°는 초록, 240°는 파랑, 사이에 나머지 색들이 배치됨. Saturation(채도): 0%는 회색이 섞인 색, 100%는 아무 것도 섞이지 않은 원래 색 Lightness(명도): 0%는 가장 어두운 색, 50%가 원래 색, 100%는 흰색 Alpha(불투명도): 0%는 완전 투명하게, 50%는 반쯤 투명하게, 100% 그냥 완전 불투명 (alpha는 %값 대신에 0 ~ 1까지의 숫자로 표시할 수도 있다. 0 = 0%, 1 = 100%. 0.5 = 50%) 2) 영문명 색상 흔히 알고 있는 색은 영문명으로도 표시할 수 있다. (red, blue, yellow, green, black, white ..

https://fonts.google.com/?subset=korean&preview.size=64&preview.layout=row Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 책에 나온 Nanum Pen Script로 web font를 바꿔봐야겠다. 위의 링크 Google Font로 들어가서 Language를 Korean으로 고르고 Nanum Pen Script 찾아서 클릭해 들어가서 스크롤을 조금만 내리면 아래 화면이 나온다. HTML+CSS+JavaScript ↓