바이오 대표

[CSS] Block & Inline 특징 본문

Front_end

[CSS] Block & Inline 특징

바이오 대표 2021. 8. 13. 15:27

 

Block Inlines
Height & Width x
Margin, padding, border  x 

 

Block 예시) 

* Browser 이 자동으로 box(block)에 style(공백 포함) 을 준다 = user agent stylesheet

<!DOCTYPE html>  
<html lang="kr"> 
    <head>
        <title>HTML input Exercise</title>
        <style>
            html {
                background-color: tomato;
            }
            div {
                height: 150px;
                width: 150px;
                background-color: whitesmoke;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

↓

 

저작자표시

'Front_end' 카테고리의 다른 글

[JS] alert( ), prompt( ), confirm( ) 알림창  (0) 2021.09.24
[CSS] Block - Margin, Padding, Border  (2) 2021.08.13
[CSS] Box (block) & Inlines  (0) 2021.08.12
[CSS] CSS 기본형식 및 HTML 적용 방법  (0) 2021.08.12
[HTML] <div></div>, Semantic 태그들  (0) 2021.08.08
'Front_end' Related Articles more