본문 바로가기
반응형

CSS20

[CSS] Fonts(폰트)의 모든 것 폰트(Fonts)의 중요성 올바른 폰트 선택이 독자가 웹사이트를 경험하는 방식에 큰 영향을 준다. 좋은 폰트는 브랜드에 대한 강력한 아이덴티티를 만들 수 있다. 폰트는 텍스트에 가치를 더한다. 그렇기때문에 올바른 폰트를 사용하는 것이 중요하다. Generic Font Familes CSS는 다섯게의 geneeric font familes이 있다. Serif; Serif 폰트는 각 글자의 가장자리에 작은획이 있다. 격식과 우아함을 만들어낸다. Sans-serif: Sans-serif 폰트는 깔끔한 선이 있다. 모던하고 미니멀한 룩을 연출한다. Monospace(고정 폭): 모든 문자가 동일한 고정 폭을 갖는다. 기계적인 느낌을 준다. Cursive(필기체): 사람의 손글시를 모방한다. Fantasy(판타지.. 2023. 9. 11.
[CSS] 텍스트에 관한 모든 것 CSS Text - color, align CSS text-color, align의 경우 아래의 내용을 참고하자 https://youknow301.tistory.com/71 HTML Styles 속성(텍스트, 배경색, 폰트, 폰트크기) Styles 기본 구성 -> 기본적으로 HTML의 구성은 property(속성):value(가치)가 온다. 배경색(Backgroun Color) This is a heading This is a paragraph. -> 위의 예시코드는 배경을 파란색으로 바꾸는 예시코드이다. -> CSS youknow301.tistory.com Text Decoration Text decoration에는 다음과 같은 특성들을 가진다. text-decoration-line text-decor.. 2023. 9. 11.
[CSS] 높이 너비 최대-너비(Height, Width, Max-width) CSS 높이,너비, 최대 너비 CSS의 height와 width는 요소의 높이와 너비의 길이를 설정한다. -> 여기height와 width은 padding, margin, border을 포함하지않는다. -> 오직 padding, margin, border안의 내부 영역의 높이와 너비를 설정한다. CSS의 max-width 특성 요소의 너비를 최대의 길이로 설정한다. CSS 높이,너비 값들 height와 width의 특성들은 다음 값들을 갖는다. auto: 기본값이다. 브라우저는 높이와 너비를 자동으로 계산한다. length: px, cm 등으로 높이와 너비를 정의한다. %: block안에서 몇 % 차지하는지를 정의한다. initial: 높이, 너비를 기본값을 설정한다. inherit: 높이, 너비 값이 .. 2023. 9. 11.
[CSS] 다양한 border 속성들 알아보기 CSS Border Style border 스타일들 ● dotted : 점들로 지정 ● dashed : dash로 지정 ● solid : 굵은 선으로 지정 ● double : 지중 테두리로 지정 ● groove : 3D 홈이 있는 테두리로 지정 ● ridge : 3D 능선 테두리로 지정 ● insert : 3D 삽입 테두리 지정 ● outset : 3D 시작 테두리 지정 ● none : 데두리를 지정하지 않음 ● hidden : 숨겨진 테두리 지 아래는 예제코드이다. The border-style 특징들 아래에는 여러가지 border의 특징을 나타낸다.: A dotted border. A dashed border. A solid border. A double border. A groove border. .. 2023. 9. 10.
728x90
반응형