AR삽질러

CSS? - (0) 본문

WEB/HTML, CSS

CSS? - (0)

아랑팡팡 2023. 10. 3. 04:12
728x90

 

 

CSS?

 

CSS (Cascading Style Sheets)

 

HTML은 Browser에게 웹사이트의 Content가 무엇인지 알려주는 것이다.

CSS는 Browser에게 웹사이트의 그 Content가 어떻게 보이는지 알려주는 것이다. 즉 사용자에게 문서를 보여주는 방법을 지정하는 언어로 스타일, 레이아웃, 디자인 등 전반적인 모양을 지정하고 제어한다.

CSS는 웹 페이지의 내용과 구조(HTML)와 분리되어 컨텐츠와 디자인을 분리하여 코드의 유지보수와 개선을 도와준다.

 

 

https://ko.wikipedia.org/wiki/CSS

 

CSS - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 종속형 시트 또는 캐스케이딩 스타일 시트(영어: Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어(영어: Style sheet language 스타일

ko.wikipedia.org

 

CSS의 주요 개념과 기능

 

p{
	font-size: 18px;
    color: #000000
}

 

0. 선택자(Selectors)

 - CSS는 HTML요소를 선택하고 스타일을 적용하기 위해 선택자를 사용하고 특정 HTML요소를 가르켜 해당 요소에 스타일 규칙을 적용한다.

 

1. 속성(Properties)

 - 스타일을 적용하려는 HTML 요소를 선택해 적용할 스타일의 속성을 정의한다. 스타일의 속성으로 텍스트 색상, 글꼴, 크기, 여백, 패딩, 배경 이미지 등과 같은 특성을 지정할 수 있다.

 

 

2. 값(Values)

 - 스타일 속성에는 값을 할당해야하고 값은 스타일 속성에 적용되는 구체적인 설정을 나타내며 크기, 색상, 여백, 이미지, URL등의 값을 가질 수 있다.

 

3. 규칙(Rules)

 - CSS스타일은 규칙으로 구성될 수 있다. 규칙은 선택자와 중괄호 '{ }' 로 묶인 하나 이상의 스타일 속성 값 쌍으로 구성된다.

 

4. 파일 분리(Seperation of Concerns)

 - 일반적인 CSS는 별도의 파일에 저장되고 HTML문서에서 '<link>' 요소를 사용하여 연결한다.

 

 

 

 

 

 

 

728x90
반응형
LIST

'WEB > HTML, CSS' 카테고리의 다른 글

CSS box - (2)  (0) 2023.10.16
CSS - How to Add CSS to HTML (1)  (0) 2023.10.15
HTML Form Tags - (2)  (0) 2023.10.11
HTML - Tag, Attribute(1)  (2) 2023.10.10
HTML? - (0)  (0) 2023.09.30