주석
주석은 개발자 즉, 사람에게는 보이지만 실행 시 컴퓨터는 읽을 수 없는 코드를 말한다.
필요 없어진 코드를 삭제하는 대신 임시로 작동을 못하게 하고 싶을 때나 간단한 설명을 붙여두기 위해서 사용한다.
html의 경우 <!-- -->로 주석처리하고자 하는 텍스트를 감싸서 처리하며 css는 /* */ 를 사용한다.
<!-- google web font -->
<style>
* {
font-family: 'VT323', monospace;
}
.mytitle{
/* title */
background-color: green;
}
</style>
사용중인 프로그래밍 언어마다 주석을 사용하는 방식이 다른데 주석 처리를 간단히 할 수 있는 방법은 단축키를 활용하는 것으로 ctrl + /를 입력해서 지정한 코드를 주석처리할 수 있다.
파일분리
css를 사용하기 위해서 <style> 태그를 사용해서 css를 사용하면 내용이 점점 길어지게 되고 보기가 어려워진다. 따라서 별도의 파일로 구분하고 CSS를 파일에서 불러오는 방식을 사용할 수 있다.
css만 작성하기 위해서 style.css 이름으로 새로운 파일을 생성한다.
그리고 이 파일을 html에서 로드하도록 한다. 위치는 head 태그 내부에서 <link> 태그로 가져올 수 있다.
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
'스파르타 > Web' 카테고리의 다른 글
[Web] Spartapedia - ( week 1 ) (0) | 2023.04.07 |
---|---|
[Web] Bootstrap - ( week 1 ) (0) | 2023.04.07 |
[Web] 구글 웹 폰트 - ( week 1) (0) | 2023.04.07 |
[Web] CSS 기초 2 - ( week 1) (0) | 2023.04.06 |
[Web] CSS 기초 1 - ( week 1) (0) | 2023.04.06 |