일상

태그 선택자: 태그에서 사용된 태그를 이용해 style 적용태그 선택자를 사용하면 해당 html 모든 태그에 적용이된다. 아이디 선택자: 태그안에서 요소를 사용할 때 id 속성을 설정하고 안녕 위 코드의 태그 내용은 "main"이라는 이름을 가진 아이디 하위에 태그를 선택자로 지정해 스타일을 적용한 것이다. 그룹 선택자, 를 이용해 두 개 이상의 선택자를 한 번에 스타일 적용이 가능하다.h2, #main h3 { color:blue; }

STUDY/HTML 2025. 5. 14. 18:40

마진(margin) - 경계선(border) - 패딩(padding) - html 요소margin: 60px;border: 경계선종류 선의굵기px 선의색상;padding: 60px; 세 속성 모두 top, bottom, left, right 속성을 각각 설정 할 수 있다.border-top: solid 1px red;border-bottom: double 1px green;border-left: solid 1px blue;border-right: solid 1px pink; margin마진 초기화 -> * (모든요소) 마진을 0 으로 설정 마진(margin), 패딩{padding) 속성margin:20px;margin:10px 20px 30px 40px;margin: 20px 10px; 속성을 따로 하지..

STUDY/HTML 2025. 5. 14. 17:53

CSS 기본 구조css 는 기본적으로 head 태그 안에 안녕하세요 CSS 의 속성 글자 색상 : colorcolor:색상이름;색상 이름 ( red, green, pink 등) 을 입력해도 되고 색상 코드(#ffffff) 를 입력해도 됨 글자 크기 변경 : font-sizefont-size:숫자px;기본 : 16px 글꼴 설정 : font-familyfont-femily:'글꼴 이름';글꼴 이름은 ' ' (작은 따옴표) 안에 적으며, '돋움', '굴림', 맑은고딕', '바탕' 등 사용 가능한 글꼴 이름을 적용하면 됨. 글자 스타일 설정 : font-weightfont-weight:bold;normal : 기본 글자 (, 태그처럼 기본 설정이 두꺼운 글씨를 기본 두께로 바꾸는데 사용)bold : 글..

STUDY/HTML 2025. 5. 14. 17:29