Programming/Web
-
HTML&CSS:: 3. CSS 기본스타일 적용방법Programming/Web 2018. 8. 23. 18:28
1. COLOR, FONT와 같은 스타일 변경 방법* 글자색, 배경색, 글꼴은 어떻게 바꾸는 것일까용? -font 색상 변경 color : red; color : rgba(255.0.0.0.5); color : #ff0000; -font 사이즈 변경 font-size : 16px; font-size : 1em; -배경색 background-color : #ff0; -글씨체/ 글꼴 font-family : "Gulim"; font-family : monospace; 실습코드 .myspan은 부모 속성의 font-size를 상속받아 16px의 1.5배(1.5em)가 적용된다. 즉 부모에 의해 바뀔 수 있는 값이다. 2. BOX MODEL을 이용한 엘리먼트 배치*박스모델의 속성과 다양한 축약표기법에 대해 알아..
-
HTML&CSS:: 2. CSS 기본개념과 렌더링원리Programming/Web 2018. 8. 22. 18:04
1. CSS를 HTML에서 사용하는 방법* CSS의 구성과 선언 방법 등 기본 사용법에 대해서 알아보자. - HTML로 뼈대(구조)를 만들었다면 CSS는 글꼴, 글자색 글자 크기 등의 페이지의 스타일을 만드는데 사용하는 스타일시트 언어이다. - CSS의 선언 span { color :red; } -span: selector(선택자) -color: property-red: value (속성이름) -style을 HTML페이지에 적용하는 3가지 방법: inline > internal > external의 우선순위 순서로 적용된다. -inline: HTML 태그 안에다가 적용다른 CSS파일에 적용한 것 보다 가장 먼저 적용된다 (= 우선순위가 가장 높기 때문) -internal: style 태그로 지정HTML안..