728x90
반응형
※ 반드시 HTML로 되어있어야 작동함. (가끔 Django HTML로 되어있을때 있음)
! 입력 후 Enter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
link:css 입력 후 Enter
<link rel="stylesheet" href="style.css">
nav>ul>li*4 입력 후 Enter
<nav>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</nav>nav>ul>li*4>a 입력 후 Enter
<nav>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</nav>
요소안에서 .클래스이름*2 입력 후 Enter
<div class="user-component">
.user-component__column*2
</div>
<div class="user-component">
<div class="user-component__column"></div>
<div class="user-component__column"></div>
</div>반응형
'프론트엔드 개발 > HTML CSS' 카테고리의 다른 글
| CSS : reset CSS (브라우저 기본 스타일 제거) (0) | 2021.09.21 |
|---|---|
| CSS Hack : 정확히 중앙에 위치 시키기 (space-between 대신) (0) | 2021.09.21 |
| HTML/CSS 유용한 사이트 / 크롬 확장도구 모음 (0) | 2021.09.21 |
| BEM (Blocks, Elements and Modifier) (0) | 2021.09.21 |
| CSS - inline, block, inline-block (0) | 2021.09.19 |