WEB2 - CSS

박스모델

CSS box model 소개

강의

 

 

소스코드 

변경사항

 

 

 

박스 모델을 써먹기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
  1. 임찬혁
    완료
  2. Sohyun
    완료
  3. 송영재
    강의 감사합니다. 이강의와 약간 관련없는 번외의 질문이 있는데, 아톰에서코딩을 짜려는데 head태그안에
    style태그를 걸자마자 각 태그안에 있던 고유의 색깔들이 (예:html태그-빨강색) 전부다 흑백처리가 된다는 것입니다. 아톰의 환경문제인지 그냥 시스템상의 문제인지 답답해서 댓글로 남기려 합니다.
  4. 서준
    완료
  5. 추장
    완료
  6. 코딩맨
    사이트 전체보기로 보아도 그런가요?
    대화보기
    • 코딩맨
      20210115 완료
    • 유하영
      왜 저는 세로줄이 안생기고 가로줄만 보일 까요? ㅠㅠㅠㅠ
    • younghwani
      완료!
    • chimhyangmoo
      2021.01.10
    • 푸른벚꽃
      15분 영상인데 내용이 깊어짐에 따라 정리하고 이해하는데 시간이 걸리기 시작하네요. 앞서 공부했던 html과는
      난이도가 있는 것 같습니다. 아마 개념이 익숙하지 않아서 그런 것 같은데 꾸준히 배우겠습니다.
    • 걸어가는신사
      2021.01.09
    • T.Hwang
      완료~
    • jeisyoon
      감사합니다.
    • 지현
      5일차
    • 이현수
      2021.01.07(목)
    • pyerin
      padding이랑 margin, 알고있었던 개념이지만 이해도가 더 높아졌어요!
      참 쉽게 설명하시는 재주가 있네요 :) 재밌고 쉬운 수업 제공해주셔서 감사합니다.
    • 선린 이원석
      완료
    • 뿡삥뽕
      2021.01.02
    • 버석군
      좋은 강의 감사드립니다.
    • 말랑깅
      20.12.31
    • 얍얍얍
      ㅇㄹ
    • Noah
      2020.12.28 완료!
    • 서울사이버대학을다니고
      <!<!DOCTYPE html>

      <html>
      <head>
      <meta charset="utf-8".
      <title></title>
      <style>
      h1{
      border: 5px solid red;
      padding: 20px;
      margin: 20px;
      display:block;
      width:100px;
      }

      </style>
      </head>

      <body>
      <h1>CSS</h1>
      <h1>CSS</h1>


      </body>

      </html>
    • 샴파뉴
      2020.12.26
    • 고니스타크
      5일차
      css 박스모델
      block level element vs inline element
    • 모히또
      ㅇㅋ!
    • 호놀률류
    • 생활둘기
      2020 12 17
    • Sung San Kim
      2020.12.14 볼수록, 할수록 신기하네요.
    • 조성호
      2020.12.10 완료
      소중한 시간 감사합니다.
    • hyunsse
      12/9
    • 스쳐간바람
      감사합니다
    • 20201128 이어서
    • 잘들었습니다 횽님
    • Hyun Woo Ju
      완료 20201124
    • 듀리
      2020.11.16
    • 취준생
      확실히 뭔가 선택자를 선택하는 것 부터 조금 내용이 어려워진 것 같지만 열심히 하자!
    • mabmab
      2020.11.03 완료
    • 2020.11.02.MON.
    • 둘기
      20.11.01. 완료
    • 훼리
      2020/10/31 "조사"를 활용하자!
    • jihodude
    • 매일
      block-level element
      inline element
    • 라미
      201015
    • Patrick
      좋은 강의 너무 감사합니다!!!
    • 괴수용갈
      body {
      margin : 0;
      }
      위의 코드를 했을 때, ol의 padding값이 충분히 넓지 않으면 list 번호가 사라짐

      예제에서는 1.html 2.css 3. java script 로 보이지만 이것은

      ol{
      padding : 20px;
      }

      이라서 가능했던 것. 10px이면 숫자 사라짐.
    • 몰댕
      2010.07 완
    • 바부대지
      2020.10.05 22:54
    • 문성석
      2020. 10.2 완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기