style sheets 문법 - govl2233/project_studyej GitHub Wiki

CSS(Cascading Style Sheets)

: 웹문서의 기본적인 스타일을 미리 지정해둔 스타일시트. 문서의 일관성을 유지하고 이용하기 편리하다는 특징이 있음

External style sheets : 하나의 css 파일로 모든 style적용시킨 것

ex) <link rel="stylesheet" href="external.css">-- html문서에 확장자css파일을 불러오는것. (rel : 현재 불러오는 언어)

Internal style sheets : HTML 문서의 <body>안에 요소들을 style로 적용 시키는 것.

style 적용법 : <head> 태그안에 <style> 태그를 사용하는 것.

ex)

<html>
  <head>
      <meta charset="UTF-8">
       <title>css</title>
      <style>
            p {border :1px blue solid}
            span {border:1px #F00 solid}
           .box {border:1px blue solid; width:100px; height:100px;} (."name" --class로 이름을 선택해준것 때문에 .을 써줌)
      </style>
  </head>

     <body>
        <p>hello world</p>
        <sapn>text</span>
        <div class="box">text</div>        (class로 이름을 입히는 것은 어느 특정한  요소 하나만 적용시키려고)
    </body>
</html>

Inline style sheets : HTML 문서의 <body> 태그 안에 요소들을 style로 바로 적용시키는 것.

style 적용법 : <body> 태그안에 스타일 요소들을 사용하는 것.

ex)

<html>
    <head>
    </head>
         <body>
              <div style="border:1px blue solid; width:100px; htight:100px;">text</div>
         </body>
</html>
⚠️ **GitHub.com Fallback** ⚠️