목록분류 전체보기 (216)

바이오 대표

[CSS] Block & Inline 특징

Block Inlines Height & Width x Margin, padding, border x Block 예시) * Browser 이 자동으로 box(block)에 style(공백 포함) 을 준다 = user agent stylesheet ↓
Front_end 2021. 8. 13. 15:27
[CSS] Box (block) & Inlines

box (block): div, p , address, blockquote non-box (inline) : span, a, img, code block은 옆에 다른 요소가 올 수 없는 반면, inline 요소들은 옆에 붙여서 사용할 수 있다. 예시) hello hello hello * 가장 대표적인 Box =
Front_end 2021. 8. 12. 20:27
[CSS] CSS 기본형식 및 HTML 적용 방법

CSS 를 HTML 페이지에 적용 시키는 방법 1. CSS 코드와 HTML 코드를 같은 파일에서 실행 2. 웹사이트를 만들때는 다른 파일로 저장 CSS 기본 형식 태그이름 { 속성: 값; } CSS 는 selector로써 html 태그를 가리켜서 속성을 지정 해준다. ex) 태그 A는 파란색이고, 25px이고 이러한 폰트를 가지고 있다. CSS 규칙 - 세미콜론 (;) 으로 마무리 - 속성 이름 (색, 글자 크기, 폰트): 값 ex) color: blue; - curly bracket { } 사용 - no space * CSS : cascading style sheet = 위에서 부터 순서대로 적용된다 Full 예시) h1 { color: blue; font-size:25px; text-decoratio..
Front_end 2021. 8. 12. 01:59
[HTML] <div></div>, Semantic 태그들

: (division) 또 다른 box (쉽게 생각하면 enter 역할) 를 대체할 수 있는 태그들 with meaning ex) header, main, footer Website Website 예전에는 를 이용해서 코드와 html 를 box 형태로 구분 하였다. div 와 같은 역할을 하지만 개발자들이 코드를 보고 더 쉽게 이해 할 수 있도록 바로 의미를 짐작할 수 있는 Semantic 태그들이 존재한다. ex) header,main,footer 등 * This is the header Main text goes here. ↓ : short text : paragraph https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements r..
Front_end 2021. 8. 8. 18:35
이전 Prev 1 ··· 48 49 50 51 52 53 54 Next 다음