본문 바로가기 메뉴 바로가기

루체

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

루체

검색하기 폼
  • 분류 전체보기 (166)
    • PHP&MySQL (11)
    • MySql (10)
    • 웹 프로그래밍 기초 닦기 (15)
      • 추가적인 CSS 자료 (15)
    • 홈페이지를 만들어보자! (5)
    • 부스트코스 (1)
      • 1.웹 프로그래밍 기초 (1)
    • 온라인강의정리하기 (26)
      • HTML (16)
      • CSS (3)
      • JS (7)
    • 생활코딩공부 (43)
      • HTML (10)
      • CSS (11)
      • JavaScript (8)
      • PHP (14)
    • Android Studio (7)
      • 이론위주 (4)
      • 실습위주 (3)
    • 멀티플레이어 게임 프로그래밍 (1)
    • C# (17)
      • 디자인패턴 (0)
    • 알고리즘 공부하기 (3)
      • 정렬 (3)
    • 네트워크 (3)
    • 언리얼 C++ (6)
    • Go프로그래밍 (0)
    • 리액트 (4)
    • C++ 공부하기 (0)
      • ASIO (0)
  • 방명록

display (1)
HTML 블록 요소와 인라인 요소 - (2)

이번에는 인라인 요소와 블록 요소로 왜, 어떻게 구분되고 어떻게 바꿔서 쓸 수 있는지 알아보겠습니다. 우선 인라인 요소를 블록으로 바꾸는 것을 알아보기 위해 아래 코드를 작성을 해주세요. 안녕 body{ margin:0; padding:0; } span{ background: red; width : 120px; hegith : 80px; } 지금 CSS에 span에 높이와 너비를 입력을 했지만 인라인 요소라서 적용이 안됩니다. 이것을 적용시키기 위해 인라인 요소를 블록 요소로 바꿔보겠습니다. span{ background : red; width : 120px; hegith : 80px; display : block; } 이렇게 display : block 을 사용하면 인라인요소를 사용하는 태그를 블록으로..

온라인강의정리하기/HTML 2019. 8. 17. 20:16
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • PHP&MySQL
  • 기초
  • HTML
  • 변수
  • 생활코딩#MySQL
  • 차이점
  • 알고리즘
  • 언리얼엔진4
  • 안드로이드 스튜디오
  • C언어
  • 동영상을
  • javascript
  • 조건문
  • php
  • 정렬
  • css
  • TAG
  • GRID
  • inline
  • 객체
  • 문자열
  • 언리얼엔진
  • 선택자
  • 생활코딩
  • 관계형데이터베이스
  • visual studio code
  • 글로
  • Link
  • 생활코딩#동영상을#글로#html
  • 네트워크 프로그래밍
more
«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.