본문 바로가기

블록체인 sw개발자

CSS(Cascading Style Sheet)란

/서론

 

웹문서를 작성할때 HTML이 건물의 뼈대라고 한다면 CSS는 인테리어라고 생각하면 좋다.

HTML에서 여기는 입구이고 여기는 창문이고 여기는 복도 이런식으로 구역과 역할 하고,

CSS에서는 외벽 페인트 색상, 문의 크기와 재질, 벽지는 어떻게 붙일 것인지 등등 인테리어 와 비슷하다.

 

HTML 시멘틱 태그가 상징하는 위치와 CSS


/본론

 

/ CSS란?(Cascading Style Sheets)

 

단단하게 쌓아올린 HTML 구조에 폭포처럼 쏟아져내리는 스타일 언어라는 의미로 CSS라는 이름을 갖게 되었다.

웹 코딩을 효과적으로 하기 위해서 구조와 꾸밈 언어를 구분하여 구조를 고정한 상태에서 수정이 되어야 하는 부분은

CSS로 처리하게 된 것이 아닐까 추측된다.

 

/ CSS 언어 작성의 기본 구조

 

CSS는 적용할 태그를 먼저 적어준 후 { 중괄호를 열어 속성을 작성한다.

속성은 : 콜론으로 시작해서; 세미콜론 으로 닫아준다.

 

여기서 HTML 태그의 부모/자식/형제 관계를 이해해야한다.

 

선택자를 작성할때 태그와 클래스명의 순서를 잘 보고 순서대로 작성해줘야하기 때문에 들여쓰기를 신경써야한다.

 

/ CSS 문서 생성하기

 

 


/index.html 파일에 css 연결하기

 

 

'블록체인 sw개발자' 카테고리의 다른 글

[html] CSS박스 모델  (0) 2023.06.16
[HTML] Animation 미디어 쿼리  (0) 2023.06.16
HTML에 CSS 적용하기  (0) 2023.06.15
[HTML] 폼(form)  (0) 2023.06.14
[HTML] <input><meta> 아이디 , 설문조사 만들기  (0) 2023.06.14