반응형
CSS는 Cascading Style Sheets의 약자이다. CSS는 html로 만든 웹 페이지의 스타일을 꾸밀 때 사용하는 언어이다.
CSS 문법은 스타일을 꾸며줄 선택자를 선택한후 속성과 값을 입력해준다.
Selector { 속성 : 값; }
선택자에 올 수 있는 것은 총 3개이다.
- tag
- id
- class
tag를 선택하고 싶을때는 스타일을 적용할 태그의 이름을 적어주고 특정한 id값을 가진 태그를 스타일적용 하고 싶을때는 #을 적고 id명을 적어야한다. class의 경우엔 class명 앞에 .를 붙여주어야한다.
h1{
color: red;
}
#id{
color: red;
}
.class{
color: red;
}
css를 적용할 수 있는 방법은 3가지이다.
- <head>태그 안에 <style> 태그를 만들어 그 안에서 스타일을 적용 시키는 방법
- 외부에 따로 .css파일을 만들어 html과 같은 문서에서 사용하는 방법
- 스타일을 주고싶은 태그에 직접 style 속성을 넣어 적용하는 인라인 방식
반응형
'Programming > HTML_CSS' 카테고리의 다른 글
name과 id, class의 차이점 (0) | 2020.01.18 |
---|---|
HTML (0) | 2020.01.14 |