나의 발자취

[CSS] CSS box model 본문

Frontend/HTML,CSS, , UI,UX

[CSS] CSS box model

달모드 2020. 11. 4. 13:13 
<!doctype html>
<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <style>
      /*
      block level element
    */
    h2, a{
        border:5px solid rgb(22, 143, 127);
        padding:20px; /* border 내의 간격 */
        margin:0; /* element 사이의 간격 */
        display:block;
        width:100px;
    }
    
  </style>
</head>
<body>
    
  <h2>CSS</h2>
  <h2>CSS</h2>
  <p>
    Cascading Style Sheets (<a href = "https://www.naver.com">CSS</a>) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.
  </p>
  </body>
  </html>

'Frontend > HTML,CSS, , UI,UX' 카테고리의 다른 글

[HTML/CSS] 반응형 웹 - media 쿼리  (0) 2020.11.04
[CSS] grid 기본 사용법  (0) 2020.11.04
[CSS]CSS selector  (0) 2020.11.04
[HTML/CSS]<style>tag, css적용, 주석<!-- 내용 -->  (0) 2020.11.04
웹페이지의 시초(화석)  (0) 2020.11.03
'Frontend/HTML,CSS, , UI,UX' Related Articles more
Comments