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

루체

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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)
  • 방명록

Block (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
  • 글로
  • 객체
  • 조건문
  • 생활코딩#동영상을#글로#html
  • PHP&MySQL
  • 동영상을
  • visual studio code
  • 생활코딩#MySQL
  • 선택자
  • 언리얼엔진4
  • 차이점
  • 네트워크 프로그래밍
  • TAG
  • 변수
  • Link
  • HTML
  • javascript
  • 정렬
  • 기초
  • inline
  • 알고리즘
  • GRID
  • css
  • 관계형데이터베이스
  • php
  • 안드로이드 스튜디오
  • C언어
  • 문자열
  • 생활코딩
  • 언리얼엔진
more
«   2026/02   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바