WEB2 - CSS

박스모델

CSS box model 소개

강의

 

 

소스코드 

변경사항

 

 

 

박스 모델을 써먹기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. lygon
    2019-02-16 완료
  2. 호두
    감사합니다.
  3. 주하쿠
    감사합니다!!
  4. 케잌냠냠
    색을 글자로 지정하니까 한정된 선택밖에 할 수 없어서 불만족스러워 색을 지정하는 속성을 검색해봤습니다.
    color: red; <---이런 방식 대신
    color: rgb (224,43,100); <---이런 식으로
    원하는 색의 rgb 값을 지정해 넣어주면 더 다양한 색을 표현할 수 있네요!
  5. 완료:o
  6. sunmoon228
    완료 ^-^
  7. Impulse
    저도 똑같은 고민을 해 봤었는데요.
    제 해결 방법은 이거에요.
    display:inline-block
    으로 해 두면, text-align에 맞춰서 블럭이 정렬 되더라고요.
    대화보기
    • 질문맨
      안녕하세요. 저는 아톰에서 새 파일을 생성해도 기본 HTML 코드가 입력된 상태로 생성되지 않는데 이건 왜 이럴까요? 구글 검색을 해봐도 답을 찾을 수 없어서 질문 남깁니다.^^;
    • boriku
      완료:)
    • Juyeon Heo
      완료!
    • 지미츄
      완료 !
    • Yi_H
      text-align은 텍스트 정렬인데 inline의 영역은 딱 그 단어 하나이기 때문인 것 같습니다. block은 그 옆 여백들까지 전체라서 전체 안에서 텍스트가 움직이는 거구요. inline으로 가운데 정렬하고 싶으시면 margin 값을 조절하시면 될 것 같아요.
      대화보기
      • 완료!
      • 김수빈
        완료!!!
      • Aimhee
        완료!!
      • 삼색냥
        완료
      • 감사합니다~
      • whynitz
        감사합니다!

        h1 {
        font-size: 50px;
        border: solid 1px skyblue;
        display: inline;
        text-align: center;
        }


        이런 css 코드를 짰더니 '제목'이 화면상에 왼쪽에 정렬되어 있어요. 이유가 뭘까요? display: block; 일 때는 화면상 중앙에 정렬되는데..
      • 한강
        잘 봤습니다. ^^!
      • HongKyu Lim
        감사합니다:)
      • 김정훈
        완료
      • 감사합니다
      • ManualJedi
        브라우저 오류 같습니다. 브라우저를 닫은 후 다시 해 보세요. 개발자 도구는 'Ctrl + Shift + I'가 단축키입니다.
        대화보기
        • 너무 재밌습니다 흑흑 감사합니다.
        • HongKyu Lim
          다른 타 강의 봤을때는 이해 않되었는데 지금 보고 바로 이해 했어요 감사합니다:)
        • 프로드리머
          영상 잘봤습니다.
          질문이 있는데요. 강의영상에서는 inspection으로 들어가면 태그에 마우스가 올라갈때마다 위쪽 화면에 색들이 생기는데 저는 마우스를 가져다대도 색들이 생기지 않네요 ㅠㅠ 그래서 어디가 margin 에 해당하는 구간인지 직관적으로 알 수가 없어요. 왜 저는 색이 생기지 않나요??
        • Min Sang Shin
          완료
        • 돼지천재
          감사합니다.
        • Levitas
          신기방기 너무재밌다아아아
        • kaonmir
          와 개재밌어
        • 키보드치는남자
          잘들었습니다
        • newjin87
          ㄴㅓ무 잘보았습니다.
          박스모델 처음에는 허접해 보였는데 완성하고나니 뭔가 멋있고, 뿌듯하네요.
        • icdoit
          감사합니다.
        • Yeonhwa An
          감사합니다
        • 막시무스
          매번 감솨 감탄 입니다. 동영상 강의 <<명장>> 되시겠음...굿짱 입니다.
        • hado273
          완료!
        • 완료
        • 진영
          완료
        • 곤느
          완료입니다~
        • 코딩멍키
          기본적으로 세팅이 되어있는 마진값, 패딩값의 디폴트값이 있나요? 매번 바꿔줘야하는것보다 초기세팅을 바꿀수 있으면 좋겠네요. 아니면 이것도 한방에 바꾸는 코딩을 작성해서 넣는다면? @@ 아 머리가 핑핑도네요.. 언제쯤익숙해져서 파워포인트 만들듯이 슥슥 만들수 있을까요...
        • 한라봉
          완료
        • 다빈
          Margin, padding 이해하기 쉽게 설명해주셔서 감사합니다
        • 필립
          완료
        • 임재현천재
          완료!감사합니다!
        • 감사합니다.
        • 오유상
          감사합니다
        • Lee Sangjun
          와.......... 안보고 혼자 하려고 하면 정말 안되네요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
        • 시간속으로
          완료
        • 이시권
          css - box model을 배웠을 뿐인데, 이렇게 뿌듯한건 왜일런지요.^^*
          오늘도 멋진 강의감사합니다.
        • 감사합니다
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기