* [생활코딩] CSS 목차
1. HTML 태그의 크기
1. 블록 레벨 엘리먼트 (block level element)
- 화면 전체 차지
ex) h1
2. 인라인 엘리먼트 (inline element)
- 자기 크기 차지
ex) a
2. 실습 : 크기 확인
1. 결과
![](https://blog.kakaocdn.net/dn/wc8U3/btszM0EkzGK/RKAb2Tk1wO4lFNWu1PjQDk/img.png)
- 보더에 빨간색 5px 테두리를 둘러서 h1 태그와 a 태그 부피 확인
2. 코드
![](https://blog.kakaocdn.net/dn/bj6LV1/btszJIZnRD5/uvH093JK2aFJRSlqk7rZAK/img.png)
- boder 안에 5px, solid, red를 띄어쓰기로 구분해서 입력
'프론트엔드 > 생활코딩' 카테고리의 다른 글
[생활코딩] CSS 7. 그리드 (레이아웃 제작) (0) | 2023.11.05 |
---|---|
[생활코딩] CSS 6. 박스 모델 (레이아웃 제작) (0) | 2023.11.05 |
[생활코딩] CSS 3. 선택자와 속성 (0) | 2023.11.05 |
[생활코딩] CSS 2. Style 태그와 속성 (0) | 2023.11.05 |
[생활코딩] CSS 1. 등장 배경과 장단점 (0) | 2023.11.05 |