반응형
kkh1902
Steadily
kkh1902
전체 방문자
오늘
어제
  • 분류 전체보기 (151)
    • 📚 Study (1)
      • Spring (9)
      • Java (2)
      • Html, css (10)
      • JS, JQuery (29)
      • DB (5)
      • DevOps (13)
      • roadmap (2)
      • Architecture (1)
      • Flutter (2)
    • 💻 Computer Science (28)
      • Datastructure (0)
      • Algorithm (2)
      • Design pattern (0)
      • Network (1)
      • DB (13)
      • Operating System (0)
      • Software Engineering (4)
      • CS interview (5)
      • topcit (3)
    • ⚒️ Etc (4)
      • Error (3)
      • Trouble_Shooting (1)
    • 📰 News (0)
      • daily (7)
      • think (17)
    • 📘 Hobby (13)
      • English (13)
    • 🤖 AI (7)
      • ML (7)

블로그 메뉴

  • 📋 이력서
  • ⚡️ 깃허브
  • 태그
  • 방명록

공지사항

인기 글

태그

  • git stash
  • db
  • Qr_payment project # CSS 해석 # Basic 맨위 해석
  • Wonder # word
  • React # JSX
  • gitaction
  • git
  • React를 배워야하는 이유
  • React JS # 2 The Basic of React
  • React JS #자습서
  • think #bootstrap을 써야하는 이유
  • 소프트웨어 공학 #project만들때 중요
  • Flutter
  • testcode
  • React JS # 자습서 # Component와 Props
  • Linear Regression
  • sourcetreee
  • 소프트웨어 공학 # chapter1
  • SpringBootTest
  • junit5

최근 댓글

최근 글

티스토리

250x250
hELLO · Designed By 정상우.
글쓰기 / 관리자
kkh1902

Steadily

[HTML] [드림코딩by엘리] HTML의 핵심은 박스 모델이다.
📚 Study/Html, css

[HTML] [드림코딩by엘리] HTML의 핵심은 박스 모델이다.

2022. 3. 3. 23:09
728x90
반응형

Front를 구성할 때 제일 기초는 박스모델로 전반적인 구조를 잡는다 (Wireframe)

그다음에는 태그들을 달아준다 (이 박스는 어떻게 구상할 것인지)

1. heder섹션, player섹션, info섹션, Upnext 섹션 크게 4개로 나누어진다.

  • icon은 site :https://fontawesome.com/start

CSS 디자인은 Material Design Guidelines를 따른다고한다.

2. CSS 연결

  • <link rel="stylesheet" href="style.css">
  • css class설정할때는 작게작게 설정
  • CSS도 박스모델 처럼 위에서붙어 밑으로 꾸며준다.

728x90
반응형

'📚 Study > Html, css' 카테고리의 다른 글

html img 이미지 가져오기 절대경로와 상대경로  (1) 2022.09.06
[svg] SVG viewBox를 알아보자  (0) 2022.09.06
Font Awesome 사용해서 아이콘 넣는 방법  (0) 2022.03.03
[HTML] <img>요소와 JPEG, PNG, GIF의 차이  (0) 2022.02.23
check box setting  (0) 2022.02.16
    '📚 Study/Html, css' 카테고리의 다른 글
    • html img 이미지 가져오기 절대경로와 상대경로
    • [svg] SVG viewBox를 알아보자
    • Font Awesome 사용해서 아이콘 넣는 방법
    • [HTML] <img>요소와 JPEG, PNG, GIF의 차이
    kkh1902
    kkh1902
    1Day 1 Commit 목표 공부한것들 매일 기록하기

    티스토리툴바