티스토리 뷰
글꼴 (font)
font-size
-> https://developer.mozilla.org/ko/docs/Web/CSS/font-size
font-size - CSS: Cascading Style Sheets | MDN
font-size CSS 속성은 폰트의 크기(대문자 "M"의 크기)를 지정합니다. 폰트 크기를 바꾸면 em 과 ex <length> 단위로 계산된 다른 항목들의 크기를 바꿉니다.
developer.mozilla.org
font-weight
-> https://developer.mozilla.org/ko/docs/Web/CSS/font-weight
font-weight - CSS: Cascading Style Sheets | MDN
font-weight CSS 속성은 폰트(font)의 가중치(weight)나 굵기(boldness)를 명시한다. 몇몇 폰트들은 normal 나 bold 일 때만 가능하다.
developer.mozilla.org
font-style
-> https://developer.mozilla.org/en-US/docs/Web/CSS/font-style
font-style - CSS: Cascading Style Sheets | MDN
The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.
developer.mozilla.org
font-family
-> https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
font-family - CSS: Cascading Style Sheets | MDN
The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
developer.mozilla.org
line-height
-> https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
line-height - CSS: Cascading Style Sheets | MDN
The line-height CSS property sets the height of a line box in horizontal writing modes. In vertical writing modes, it sets the width of a line box. It's commonly used to set the distance between lines of text. On block-level elements in horizontal writing
developer.mozilla.org
문자 (text)
color
color ↓
https://developer.mozilla.org/ko/docs/Web/CSS/color
color - CSS: Cascading Style Sheets | MDN
color CSS 속성은 요소의 글씨 및 글씨 장식의 전경색과 <currentcolor>의 값을 설정합니다. currentcolor는 다른 속성에서 사용할 수 있는 간접적인 값이며, border-color 등 일부 속성의 기본값입니다.
developer.mozilla.org
html 컬러 코드 확인 ↓
HTML Color Codes
Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.
htmlcolorcodes.com
text-align
-> https://developer.mozilla.org/ko/docs/Web/CSS/text-align
text-align - CSS: Cascading Style Sheets | MDN
CSS text-align 속성은 블록 요소나 표의 칸 상자의 가로 정렬을 설정합니다. 즉 vertical-align과 동일하나 세로가 아닌 가로 방향으로 동작합니다.
developer.mozilla.org
text-decoration
-> https://developer.mozilla.org/ko/docs/Web/CSS/text-decoration
text-decoration - CSS: Cascading Style Sheets | MDN
CSS text-decoration 단축 속성은 텍스트에 장식용 선을 추가합니다. 이 속성은 text-decoration-line, text-decoration-color, text-decoration-style, text-decoration-thickness의 단축 속성입니다.
developer.mozilla.org
text-indent
-> https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent
text-indent - CSS: Cascading Style Sheets | MDN
The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
developer.mozilla.org
letter-spacing, word-spacing
letter-spacing ↓
https://developer.mozilla.org/ko/docs/Web/CSS/letter-spacing
letter-spacing - CSS: Cascading Style Sheets | MDN
letter-spacing CSS 속성은 글자 사이의 간격을 조절합니다.
developer.mozilla.org
word-spacing ↓
https://developer.mozilla.org/ko/docs/Web/CSS/word-spacing
word-spacing - CSS: Cascading Style Sheets | MDN
CSS word-spacing 속성은 단어와 단어 사이, 태그와 태그 사이의 거리를 설정합니다.
developer.mozilla.org
배경 (backGround)
background
-> https://developer.mozilla.org/ko/docs/Web/CSS/background
background - CSS: Cascading Style Sheets | MDN
CSS background 단축 속성은 색상, 이미지, 원점, 크기, 반복 등 여러 배경 스타일을 한 번에 지정합니다.
developer.mozilla.org
background-color
-> https://developer.mozilla.org/ko/docs/Web/CSS/background-color
background-color - CSS: Cascading Style Sheets | MDN
CSS background-color 속성은 요소의 배경 색을 지정합니다.
developer.mozilla.org
background-image
-> https://developer.mozilla.org/ko/docs/Web/CSS/background-image
background-image - CSS: Cascading Style Sheets | MDN
CSS background-image 속성은 요소의 배경 이미지를 한 개나 여러 개 지정합니다.
developer.mozilla.org
background-repeat
-> https://developer.mozilla.org/ko/docs/Web/CSS/background-repeat
background-repeat - CSS: Cascading Style Sheets | MDN
CSS background-repeat 속성은 배경 이미지의 반복 방법을 지정합니다. 가로축 및 세로축을 따라 반복할 수 있고, 아예 반복하지 않을 수도 있습니다.
developer.mozilla.org
background-position
-> https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
background-position - CSS: Cascading Style Sheets | MDN
The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.
developer.mozilla.org
background-size
-> https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
background-size - CSS: Cascading Style Sheets | MDN
The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
developer.mozilla.org
background-attachment
-> https://developer.mozilla.org/ko/docs/Web/CSS/background-attachment
background-attachment - CSS: Cascading Style Sheets | MDN
CSS background-attachment 속성은 배경 이미지를 뷰포트 내에서 고정할지, 아니면 자신의 컨테이닝 블록과 함께 스크롤할지 지정합니다.
developer.mozilla.org
background - 단축 속성
'개발 복습 > CSS' 카테고리의 다른 글
| [CSS] 애니매이션, 반응형 디자인 기초, Flex box (1) | 2024.10.16 |
|---|---|
| [CSS] 박스 띄우기, 전환 / 변환 (2) | 2024.10.16 |
| [CSS] Box 속성 (0) | 2024.10.16 |
| [CSS] CSS 기초, CSS 선택자 (1) | 2024.10.15 |
- Total
- Today
- Yesterday
- 상향식 데이터 전달
- 리액트 동적으로 스타일 변경하기
- 동적 리스트
- 자바스크립트 모듈화
- 자바스크립트공부
- 자바스크립트 공부
- css공부
- 브라우저 스토리지
- 자바스크립트
- react
- 리약트 기초
- 리액트 기초
- useref hook
- css기초
- 자바스크립트 타임
- JavaScript
- 리액트
- CSS
- 티스토리챌린지
- HTML
- 자바스크립트 기초
- 깃바쉬
- 오블완
- 리액트로 프로젝트하기
- 자바스크립트 에러처리
- 리액트 공부
- 스타일드 컴포넌트
- 깃
- css속성
- react portal