<blockquote>
태그인용 구문을 넣을 때 사용한다.
브라우저에서 blockquote 태그에 양쪽 여백을 넣는 기본 스타일을 자동으로 적용했다.
아래는 blockquote 태그의 문법이다. (오프닝, 클로징 둘다 필요하다.)
<blockquote class="js-description">
</blockquote>
스페이스바를 뜻하는 코드tag 안의 content 안에 여러개의 스페이스를 입력한다고 해도, 하나의 스페이스만 화면에 나온다.
여러개의 스페이스를 넣고 싶다면 텍스트에
를 넣어야한다.
e.g.1
<p>너랑나랑 멀어졌어</p>
html 에 직접 img 를 넣는 방법 말고,
css 에 이미지를 넣을 수도 있다.
e.g.1
.bg-img {
background-image: url("http://imageling");
background-size: 100%;
width: 300px;
height: 300px;
}
위의 예시에서 .bg-img selector 가 선택하는 것은 .bg-img 클래스를 가진 div 라고 하자. html 상에서 div 의 안에는 아무런 내용도 없지만 css 에서 width, height 값을 정해주면 사라지지 않고 그 크기만큼 존재하게 된다.
background-size
property 란?background-size : 100%는 background-image 가 .bg-img의 width만큼 꽉채워 그려주는 기능을 한다.