목록Front_end (23)

바이오 대표

[CSS] Block - Margin, Padding, Border

Block Style 에는 margin, padding, border 이 존재한다 [1] Margin: box의 경계선 '바깥' 공간 Margin 설정 값 예시 margin: 20px 하나 -- > 상 하 좌 우 다 적용 margin: 20px, 15px 둘 --> 상 하 20, 좌 우 15 margin : 20px, 15px, 10px, 5px 넷 --> top, right, bottom, left (시계방향으로) * collapsing margin: body 와 div가 겹치면 margin이 하나가 되어 적용 (상하에서만 발생) [2] padding: box의 경계선부터 '안쪽' 공간 body { padding: 20px; background-color: thistle; } * id 를 이용해서 CS..
Front_end 2021. 8. 13. 15:28
[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
이전 Prev 1 2 3 4 5 6 Next 다음