![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/WzgZL/btsGOGTGonA/eCkhVn5e7IUU7IPG3H6uOK/img.png)
✏️ 글자색을 지정하는 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..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/liAzb/btsGMMgxVs8/uMVew2NX3ukLLgBzlvVOEk/img.png)
✏️ 웹 폰트란?사용자가 직접 원하는 글꼴을 사용하고 싶을 때 웹 상에서 다운받아서 사용할 수 있는 글꼴CSS3가 웹 폰트를 표준으로 채택함으로써 많은 작업들이 편리해짐 ✏️ 웹 폰트 사용 방법1. 웹 상에서 제공해 주는 경우에는 주로 링크를 사용2. 그렇지 않거나 자신이 가지고 있는 TFT 폰트를 변환해서 사용할 때는 방법이 달라짐=> 컴퓨터에서 사용하는 글꼴은 트루타입(TrueType)이고 파일 확장자는 *.tff이나, tff는 파일 크기가 커서 웹에서 사용하기에는 적절하지 않음. 그래서 사용하는 확장자가 EOT와 WOFF, WOFF2를 많이 사용@font-face { font-family: ; src: ;}font-family를 통해 앞으로 이런 속성은 이런 이름으로 사용하겠다~를 지정src에는..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/ezz8oo/btsGNM7F09I/31sazqeAJnaOzGKoa69mN0/img.png)
✏️ 글꼴을 지정하는 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 : | | | ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bWjEwd/btsGOtNpRU4/2U6Xd7Lyyb44BKy9oF44Hk/img.png)
✏️ 스타일 시트종류설명브라우저 기본 스타일 웹 브라우저에 웹 문서를 표시할 때 브라우저에서 기본으로 사용하는 스타일인라인 스타일style 속성을 사용해 필요한 요소에 스타일을 직접 지정내부 스타일 시트문서 앞부분에 문서에서 사용하는 스타일을 모아서 함께 정의하고 관리외부 스타일 시트문서에서 사용하는 스타일을 따로 모아서 따로 파일로 저장한 후 연결해서 사용 ✏️ 기본 선택자종류설명작성 예시전체 선택자문서의 모든 요소에 스타일을 적용*{ margin : 0}타입 선택자특정 태그를 사용한 모든 요소에서 스타일을 적용p { font-style : italic}id 선택자특정 부분만 선택해서 문서 안에서 여러 번 사용.bg{ background-color : black}클래스 선택자특정 부분만 선택해서 문서 ..
- Total
- Today
- Yesterday
- js
- DFS
- 백준 풀이
- 유클리드 호제법
- 반복문
- DP
- java
- 스택
- 이분 매칭
- 백준
- 우선순위 큐
- Do it!
- 카운팅 정렬
- html
- C++
- 자료구조
- 자바스크립트
- HTML5
- 세그먼트 트리
- c++ string
- 알고리즘 공부
- 에라토스테네스의 체
- CSS
- C++ Stack
- 유니온 파인드
- 최단 경로
- BFS
- 자바
- 투 포인터
- 알고리즘
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |