html

[CSS] CSS color, font style 적용

1. color style 적용 color : red; color : rgb(255,0,0); color : rgb(255,0,0,0,5); /*희미해짐. 투명도 */ color : #ff0000; /*15진수로 표현*/ color : #f00; 2. font style 적용 font-size:1em; /*em 갖게되는 기본 상속값의 배수값으로.*/ background-color : red ; /* 배경색. color랑 비슷 */ font-family : monospace; /* 글씨체 지정*/ test => 이경우 body > div에 16px이 적용됐으므로 그 16px을 기준으로 2배인 32px로 글씨가 나오게됨

[CSS] CSS 기본개념과 렌더링원리

CSS를 HTML에서 사용하는 방법 CSS 기본사용법 span { color : red; } selector(선택자) property value 1. inline html 태그 안에다가 같은 selector로 동일한 속성값에 다른 value를 넣을 땐 inline이 "최우선"으로 적용됨 구조랑 css 태그가 섞여있어서 관리가 어렵고 유지보수가 어렵다. 2. internal 예제 css_test1.css div>p{ color:red; /*inline이 최우선으로 적용되기 때문에 이는 적용되지 않음*/ border: 1px solid slategray; } CSS에서의 상속개념 상위에 설정된 style을 하위에서도 쓴다. -> 재사용 측면에서 좋다. color, font-size같은 대부분의 속성은 상속을..