반응형

HTML_CSS 3

CSS 입문 font, text 관련

CSS 중 font는 기본적인 내용이다. - font-family , font-size 속성 - font-style, font-weight, line-height 속성 - text-align, text-decoration 속성 font-family: 글씨체를 정할 수 있으며, 브라우저에 따라 지원이 되지 않을 경우 그 다음 글씨체로 시도한다. 설정한 것들이 모두 지원되지 않으면 브라우저 기본 글씨체로 표현된다. font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; // 왼쪽 글씨체부터 시도 된다. font-style: italic; // 기울임꼴로 표현됨. font-weight: 10px; or font-weight:bold; ..

HTML_CSS 2022.09.15

CSS margin, padding, border

margin, padding은 CSS의 주요한 기능이다. margin은 block 기준 바깥 쪽 거리, padding은 안 쪽 거리를 조절한다. // 아래 그림 참고 그리고 padding은 설정 시 block의 크기가 커진다. 즉 padding 설정한 만큼 block이 늘어난다. margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; 위와 같이 설정하며, 좌측부터 상우하좌 거리를 의미한다. // 시계방향 border는 content 바깥 쪽 테두리를 결정한다. border: 10px solid red;와 같이 설정하며, 각각 border-width, border-style, border-color를 의미한다. 따로 설정도 가능하다. border-width..

HTML_CSS 2022.09.14

HTML 기본 태그 정리

HTML은 HEAD, BODY로 이루어진다. Head는 title, CSS 내용을 적는 곳. Body는 실제 정보를 적는 곳. HTML 태그 : paragraph 즉 문단을 작성하는 태그. : h1~h5까지 있다. h1이 가장크고 숫자가 커질 수록 Text 크기가 작아진다. 상황에 맞게 쓰자. : 개행. NewLine : 하이퍼링크 태그. 속성으로 href, target이 있다. href: 클릭 시 이동할 주소 target: _self는 현재 창에서 이동. _blank는 새 창에서 링크 주소로 이동. : List 작성 태그 ol: 순서가 있는 리스트 ul: 순서가 없는 리스트 : 폼 태그. 각종 폼을 삽입할 수 있다. name: form 태그 이름 action: 폼의 값을 보낼 url method: GE..

HTML_CSS 2022.09.13
반응형