반응형
CSS(Cascading Style Sheets)는 마크업 언어로 작성된 문서의 프레젠테이션을 설명하는 데 사용되는 스타일 언어이다. CSS를 사용하려면 스타일시트를 작성하고 HTML 문서에 연결해야 한다. 스타일은 규칙으로 정의되며, 규칙을 적용할 element를 지정하는 선택기와 선택한 element의 스타일을 정의하는 하나 이상의 선언이 있다.
CSS 규칙의 기본 구문은 다음과 같다.
selector {
property: value;
property: value;
...
}
HTML 문서의 <head> 섹션에 있는 <style> 태그를 사용하여 HTML 파일에 CSS를 포함할 수 있다.
<head>
<style>
/* CSS rules go here */
</style>
</head>
HTML element의 스타일 속성을 사용하여 특정 HTML element에 CSS 스타일을 적용할 수 있다.
<p style="color: blue;">This text will be blue.</p>
개발자가 직접 디자인하기에는 한계가 있다.
디자인을 의뢰하고 기본 코딩까지 요청을 해서 전달받으면 이걸 컴포넌트화해서 프론트앤드를 구현하면 된다.
color, font-size, font-family, font-weight, background-color, line-height, padding, margin, border 등 몇가지만 알면 된다.
그리고 position absolute, relative와 display속성, display-block정도만 알아도 개발에 큰 어려움이 없다. 외어도 다 잊어버린다. 중요 뼈대만 알고 이런게 있었구나 하는 정도만 알면 된다고 본다.
본 카테고리에서는 수 많은 스타일이 있지만 이 정도만 알면 개발할 수 있다에 촛점을 맞췄다.
나머지는 역시 구글링 ~~
반응형
'CSS' 카테고리의 다른 글
| font style (0) | 2023.01.25 |
|---|---|
| 상대위치 , 절대위치 (0) | 2023.01.25 |
| z-index (0) | 2023.01.25 |
| width와 height , 마진과 패딩 (0) | 2023.01.25 |
| div 스타일 (0) | 2023.01.25 |
댓글