CSS 기초(1)

CSS란 무엇인가?

✔ CSS = Cascading Style Sheets

HTML이 구조(뼈대)라면,

CSS는 디자인·스타일(색, 크기, 위치, 레이아웃)담당

​

CSS 작성방법

p{font-weight:bold;color;blue}

선택자p / font-weight css속성 / bold 속성값 / color css속성 / blue속성값

​

선택자(Selector) = 누구에게 적용할지

속성(Property) = 어떤 스타일을 적용할지

값(Value) = 적용할 스타일 값

​

​

css사용방법

1.직접 태그에 스타일을 적용하는 방법

2.html문서에서 <style> 태그를 만들어서 스타일을 적용하는 방법

3.css문서에 style 속성 지정하는 방법

​

​

id/class 네이밍

1.알파벳으로 시작 (숫자로 시작xxx)

2.대문자/소문자(box/Box) 구별

3.띄어쓰기 절대 금지

4.특수문자 _(언더바) 사용

​

​

직접 선택자

1. 태그 선택자 p / ul / div 그냥 부름

2. 클래스 선택자 .box .을 붙임

3. id 선택자 #header

4.전체 선택자 *

​

​

속성 선택자

1. 선택자[속성]
2. 선택자[속성="값"]
3. 선택자[속성="값"], 선택자[속성="값"]
4. 선택자[속성$="값"] :값으로 끝나는
5. 선택자[속성*="값"] : 값을 포함하는
6. 선택자[속성^="값"]: 값으로 시작하는
7. 전체 선택자 *