[모각코]8일차

장고를 하면서 html CSS부분에서 막히길래 오늘은 html CSS를 알아가는 시간

집에 생활코딩 책이 있길래 그걸로 하기로 했다

• html은 정보 전달에만 전념하도록 html에서 부터 디자인 기능을 빼앗어 온 것이 CSS

일단 이 그래프를 보면 대략 html에 대해서 알 수 있다.

• html
  • <ol> : ordered list, 순서가 있는 목록을 만드는데 사용
  • <ul> : unordered list, 순서가 없는 목록을 만드는데 사용
  • <dl> : definition list, 사전처럼 용어를 설명하는 목록을 만드는데 사용
• CSS selectors
  • .class
  • #id (중복X)
• block level element
  • 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 (width 100%)
  • 다음 요소가 불넘김이 된다.
  • margin width height속성 정의가 모두 적용된다
• inline level element
  • 줄을 차지 하지 않는 요소
  • 화면에 표시되는 컨텐츠만큼 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있다.
  • margin-top, margin-bottom이 적용되지 않는다. 상하 여백은 line-height속성에 의해 발생
  • width, height속성이 적용되지 않는다.
  • 인라인 속성을 끼리 연속으로 사용될때 최소한의 간격 좌, 우 약 5px의 외부 여백이 자동 발생

생활코딩 책을 따라서 하다보니 여기까지.. 

계속 해가면서 나만의 사이트를 만들어볼 예정