상세 컨텐츠

본문 제목

HTML 및 STYLE.CSS 단축키를 사용한 효율적인 CSS 편집

IT

by ad-humanity 2023. 9. 3. 13:56

본문

728x90
반응형

 

HTML에 CSS를 쉽게 불러 사용하는 방법

 

 

먼저 확장프로그램 CSS Peek을 다운받아줍니다.

 

 

 

 

 

 

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <p id="title">안녕하세요!</p>
    <p class="author">휴머니티입니다!</p>
</body>

</html>

 

CSS

p {
    font-size : 24px;
}

#title {
    color: red;
}

.author {
    color: blue;
}

 

 

여기서 HTML화면에서 쉽게 CSS를 수정하는 방법이 있습니다.

 

<HTML>

 

title

또는

author

 

를 더블클릭하고 Ctrl + E를 누르는 방법입니다.

 

 

 

 

그러면 이렇게 손쉽게 CSS를 수정할 수 있게 됩니다.

 

 

만약 실행이 되지 않는다면 Peek Definition을 Ctrl + E로 바꿔주고 다시 진행해봅니다.

 

 

이 글이 도움이 되셨다면 좋아요와 팔로우 부탁드립니다. ^^

 

728x90
반응형

관련글 더보기