CSS 3

TIL : 웹퍼블리싱 CSS 3회 (4-3 , 4-4)

I. 꾸미기 : TEXT(4-3) [38 ~ 42] 이제까지는 방을 만들었고 방에대한 크기, 몰딩, 벽지바르기 했다 1. 폰트 스타일링 (38) 이거를 만들 때 폰트속성을 검토해본다. 따지고 보면 배우기 녹록치 않다 (1) 폰트속성 - Font 패밀리 속성 color 은 font-color 이 아니다. font-weigt 는 문제가 된다. bold 해도 안되는 경우가 있다. family 가 와닫지 않는다. (2) font-family 설치된 폰트를 확인히라 가면 폰트 가문(family) 에서 굵게 등을 설정이 가능하다. 단독으로 있는거는 가문이라고 할만한게 없다. value로 다양한 설정(두께)이 가능하다 숫자는 1 ~ 1000까지 가질수있다. 일반적인 기본적인 두께로 가능하다 1) Font 적용하기 :..

TIL : 웹퍼블리싱 CSS 2회 (4-1 , 4-2)

I. 꾸미기 : 스타일(4-1) [13~26] 1. CSS 구조화 (13) 태그 안에 스타일 들어가는 것을 인라인 스타일 스타일 줄수있는 영역을 stylesheet라고 한다 내부면 internal stylesheet / 외부면 external stylesheet 외부로 하는 이유는 공통스타일 이거나 협업 또는 개별(HTML 과 CSS분리위한)유지 보수를 위한 모델 -> 집중하자 h1,h2{ color: red; } h1.cafe{ color: green; } h1[lang="ko"]{ color: brown; } 2. CSS를 링크하는 방법 2가지 (14) 추가로 다른것도 만들어 주자 이 경우 순서는 지켜주어야한다 cascading이기 때문에 공통되는것이 먼저 위에 와야한다. 이렇게 두가지 방법이 있다 ..

TIL : 웹퍼블리싱 CSS 1회 (1,2,3)

I. 문서 스타일 변경하기 (01) 학습목표 HTML이 가지고 있는 기본 스타일은 우리가 원하는 모습이 아닐 수 있다. CSS를 이용하면 그 스타일을 우리가 원하는 모양으로 변경할 수 있다. 그 방법에 대해서 알아보자. CSS란 무엇인가. CSS로 스타일 변경하는 방법 1. CSS 학습안내 (1) 2. Cascadind이란(2) 3. 스타일 입히기(3) 4. 우리가 다루게 될 스타일 속성들(4) 5. 선택자 Selectors(5) 6. 공통 스타일 집중화(6) II. 선택자 (02) 1. 기본 선택자 (7) CSS에서는 선택자로 클래스명을 쓰자 2. id와 class의 차이점(8) ID는 HTML에서... / class 는 CSS 에서 3. 속성 선택자(9) h1태그가 있는데 그중에 class라는 속성을..