1.CSS란?
CSS(Cascading Style Sheets)란, 웹 페이지에 표시되는 HTML 문서를 시각적으로 멋지고 이쁘고 간결하고 세련되고...
등의 디자인을 구성하는 역할을 수행한다.
글씨의 색상, 폰트 등만이 아니라, 웹 페이지에 표시되는 모든 시각적 효과를 디자인할 수 있다.
※ 참조 : https://en.wikipedia.org/wiki/CSS
여기까지 들었을 때, 지난 1편에서의 속성(Attribute)의 디자인적인 부분과 동일한거 아니냐고 물어볼 수 있다. 기능적인 수행 결과는 동일하다.
HTML 문서의 디자인은 크게 3가지 형태로 수행할 수 있다.
| 엘리먼트 속성으로 수행 (Inline Style) |
내부 스타일 시트 (Internal Style Sheet) |
외부 스타일 시트 (External Style Sheet) |
|
| 설명 | 엘리먼트 속성 값으로 정의 | <head> 영역에 <style> 로 정의 | 외부 css 파일을 참조해서 정의 |
| 적용 대상 |
해당 엘리먼트 별 스타일 적용 | 해당 HTML 문서 별 스타일 적용 | 해당 css 파일을 참조하는 전체 적용 |
| 예시 | <b style="color:red;"> | <head> <style> b { color:blue;} </style> </head> |
<head> <link rel="stylesheet" href="style.css"> </head> |
웹 사이트 전체 디자인을 하나의 외부 스타일 시트 파일로 관리하고, 일부 HTML 문서 또는 특정 엘리먼트에서만 추가적인 디자인을 적용할 수 있다.
2.결론
디자인은 디자이너한데 맞기자.
웹 퍼블리셔가 있다면 CSS를 맡기자. (이전 전직명 HTML 코더로, 가장 전문가다.)
프론트엔드 개발자가 있다면 부탁해 보자. (이들은 Javascript 비중이 더 높다. 3대장 : Javascript / CSS / html)
백엔드 개발자가 있다면, 일단 질러보자. (CSS를 알고 있다.)
웹 개발자가 있다면, 용서를 구하고 부탁하자. (웹 디자이너/웹 퍼블리셔/프론트엔드/백엔드 구분 없는 슬픈 경우)
해당 2편이 간략한 이유에 있어서...
웹 개발직군(웹 디자이너, 웹 퍼블리셔, 프론트엔드, 백엔드)의 어디에도 포함되지 않은 직군에 있기에, 기본적인 사용 방법 및 적용 방법만 인지하고 디자인을 위한 심도 있는 부분은 다음에...
'기초 공부 > 웹' 카테고리의 다른 글
| [WEB] 인증토큰이란? (0) | 2022.12.28 |
|---|---|
| [WEB] HTML / CSS / Javascript 란 ? _ 3편 Javascript (0) | 2022.11.03 |
| [WEB] HTML / CSS / Javascript 란 ? _ 1편 HTML (0) | 2022.10.31 |
| [WEB] 쿠키와 세션 (Cookie &Session) (0) | 2022.10.06 |
| [WEB] 웹 브라우저란? (0) | 2022.09.30 |
