신입개발자를 희망하는 오시리엔

DOCTYPE html> 아이콘 사용하기 /* 글자 색상과 관련된 클래스 - 아이콘에도 사용 가능 */ .red { color: #d63031; } .blue { color:#0984e3; } .yellow { color:#fdcb6e; } .green { color:#00b894; } .gray { color:#b2bec3; } .black { color:#2d3436; } .white { color:#FFF; } 아이콘 예제 원래 용도는 italic 글자체 작성1

DOCTYPE html> css의 주요속성 /* h1,input과 같은 코드를 선택자(selector)라고 한다. 디자인을 적용할 대상을 지정하는 역할을 한다. 주요속성 - color : 글자 색상 - background-* : 배경 속성(이미지, 색상) - font-* : 글꼴 속성 - padding-* : 내부 여백 속성 - margin-* : 외부 여백 속성 - px 또는 em 사용 가능 - em은 글자에 비례한 크기 - border-* : 테두리 속성 */ h1{ color: brown; background-color: blanchedalmond; font-size: 50px; padding: 0.5em; } input{ font-family: 빙그레 메로나체,sans-serif; font-siz..

DOCTYPE html> 스타일 태그 사용 body{background-color: cornflowerblue; } h1{color: blueviolet;} H2{color: beige; font-style: italic;} 스타일 태그를 사용하면 외부에서 특정 태그를 선택하여 디자인을 부여할수 있습니다.

DOCTYPE html> 인라인 스타일 인라인 스타일이란? 태그 마다 style속성을 만들어서 디자인 코드를 작성하는 것을 말함