font, text ; 폰트와 텍스트
2019. 9. 16. 23:43ㆍWEB/CSS
FONT 속성
| Property | Description | CSS |
| font | Sets all the font properties in one declaration | 1 |
| font-family | Specifies the font family for text | 1 |
| font-size | Specifies the font size of text | 1 |
| font-style | Specifies the font style for text | 1 |
| font-variant | Specifies whether or not a text should be displayed in a small-caps font | 1 |
| font-weight | Specifies the weight of a font | 1 |
| @font-face | A rule that allows websites to download and use fonts other than the "web-safe" fonts | 3 |
| font-size-adjust | Preserves the readability of text when font fallback occurs | 3 |
| font-stretch | Selects a normal, condensed, or expanded face from a font family | 3 |
TEXT 속성
| Property | Description | CSS |
| color | Sets the color of text | 1 |
| direction | Specifies the text direction/writing direction | 2 |
| letter-spacing | Increases or decreases the space between characters in a text | 1 |
| line-height | Sets the line height | 1 |
| text-align | Specifies the horizontal alignment of text | 1 |
| text-decoration | Specifies the decoration added to text | 1 |
| text-indent | Specifies the indentation of the first line in a text-block | 1 |
| text-transform | Controls the capitalization of text | 1 |
| unicode-bidi | 2 | |
| vertical-align | Sets the vertical alignment of an element | 1 |
| white-space | Specifies how white-space inside an element is handled | 1 |
| word-spacing | Increases or decreases the space between words in a text | 1 |
| hanging-punctuation | Specifies whether a punctuation character may be placed outside the line box | 3 |
| punctuation-trim | Specifies whether a punctuation character should be trimmed | 3 |
| text-align-last | Describes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify" | 3 |
| text-justify | Specifies the justification method used when text-align is "justify" | 3 |
| text-outline | Specifies a text outline | 3 |
| text-overflow | Specifies what should happen when text overflows the containing element | 3 |
| text-shadow | Adds shadow to text | 3 |
| text-wrap | Specifies line breaking rules for text | 3 |
| word-break | Specifies line breaking rules for non-CJK scripts | 3 |
| word-wrap | Allows long, unbreakable words to be broken and wrap to the next line | 3 |
※인프런 강좌 보고 작성했습니다.
https://www.inflearn.com/course/html-css-webazit#
퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준 - 인프런
웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다. 입문 웹 개발 웹앱 디자인 html/css 웹 디자인 온라인 강의
www.inflearn.com
※인프런 강좌 강사님 네이버 카페 참고했습니다.
웹표준,웹디자인 : 네이버 카페
웹표준과 html을 공부하는 카페입니다.
cafe.naver.com