IT 일기장

[HTML&CSS] CSS Tutorial 본문

프로그래밍 언어/HTML&CSS

[HTML&CSS] CSS Tutorial

뽕슈 2021. 12. 4. 22:30
반응형

HTML과 CSS는 있는 소스에서 수정을 해본적은 있어도 직접 틀을 잡고 그려보거나 그런적이 없어서

어디서 접해보면 될지 막막하다가 W3SCHOOL에서 한번 해보기로 했다.

 

개발 툴은 Visual Studio Code로 해보고있다. 여기서는 html에다 style 태그 주고 하나로 만들던데..

좀 지저분해보여서 css 파일 따로 하나 만들어서 해봤다.

 

index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <h1>My First CSS Example</h1>
        <p>This is a paragraph</p>
    </body>
</html>

style.css

body{background-color:lightblue;}
h1{color:white; text-align:center;}
p{font-family:verdana; font-size:20px;}

무난했다. body tag에 배경색 칠하고, h1 tag에 하얀색 글씨랑 가운데 정렬, p tag에 폰트 사이즈랑 모양주고.. 손에 익혀둬야지

반응형

'프로그래밍 언어 > HTML&CSS' 카테고리의 다른 글

[HTML&CSS] 구글 이스터에그 do a barrel roll 구현  (0) 2023.08.09
[CSS] 상단 여백 조절  (0) 2021.12.14
[HTML&CSS] CSS Selectors - 2  (0) 2021.12.05
[HTML&CSS] CSS Selectors  (0) 2021.12.04
'프로그래밍 언어/HTML&CSS' Related Articles more
Comments