sweetdev

처음에는 마진과 패딩이 같은 것인줄 알았지만, 둘은 엄연히 다르다. 대략 이런 관계라고 생각하면 된다. 마진은 원래 있던 것의 밖으로, 패딩은 원래 있던 것의 안으로 여백을 만들어 준다.

2018/11/05 - [Web/CSS] - CSS에서 폰트 크기 바꾸는 법 위 글에서와 마찬가지로 class를 이용해서 글자의 색깔을 바꿀 수 있다. 다른점은 , 폰트 크기는 'font-size'라면, 색깔은 간단하게 'color'이다. .font-color-1{color:blue;}미리보기 이런식으로 써서 color을 설정할 수 있다 >_

폰트 지정 단위에는 pt, px, em 등이 있다. pt와 px는 친근한 반면, em은 낯설 수 있는데 요즘들어 개발에서 자주 쓰이는 단위이다. em은 특히 모바일 브라우저에서 호환이 잘 되기 때문이다. .font-size-small{font-size : 1.0em;} 미리보기 글자입니다 이런식으로 class를 지정해서 폰트 크기를 변경할 수 있다.

style tag의 단점과 극복 style태그의 단점은, 똑같은 내용을 계속 반복해서 써야 한다는 점이다. 이렇게 쓰는건 너무 귀찮다. CSS의 기본에 대해 잠깐 알아보자. html은 이렇게 열기, 닫기가 있는 마크업 언어이다. CSS코드는 기본적으로 속성이름: 속성값; 이렇게 쓰게 된다. width: 100px; inline 방식을 쓴다. html에 style을 적용시키는 방식에는 두가지가 있다. 앞서 설명한 inline 방식 말고도, 하나의 방식은 style 태그를 이용하는 방식이다. table { border: 1px; color: black; ... } 이런식으로 스타일태그를 마련해서, table이 등장하면 저렇게 만들도록 정의하는 것! 예제를 보자! 그런데 table마다 다르게 속성을 정의하려면..