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

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

수도클래스 (1)
플렉스를 활용한 네비게이션 바 만들기 3

저번 시간에는 태그를 통해서 html문서와 css문서를 연결해 보았습니다. 혹시 기억이 나지 않으면 아래의 링크들을 클릭해서 복습해주세요. 1. 네비게이션바 만들기 1 - 준비운동2. 네비게이션바 만들기 2 html문서에 내용을 채워봅시다 네비게이션 바는 보통 태그와 태그 그리고 태그로 만들어집니다. 아래의 소스코드를 html문서의 태그 안에 넣어 주세요. 호스팅하기 도움말 회원가입 로그인 파일을 실행시켜 보시면 위의 사진 같은 모양이 되어있을 겁니다. 가장 눈에 띄는 이미지 사진부터 크기를 맞춰보도록 하겠습니다. img{ width: 32px; height: 32px; } css파일에 테스트겸 적어봤던 div{color:blue;}를 지우고 위의 소스코드를 넣어주세요. 그럼 이미지의 크기가 가로 세로 ..

Frontend-dev/HTML-CSS-JS 2018. 1. 11. 19:27
이전 1 다음
이전 다음
TAG
  • flex
  • React
  • 플렉스
  • html
  • 자바스크립트
  • python
  • css grid
  • 스크래핑
  • 장고 튜토리얼
  • JavaScript
  • es6
  • 리액트 라우터
  • responsive web
  • 파이썬 예제
  • css
  • 반응형 웹
  • 깃허브
  • three.js 튜토리얼
  • 리액트
  • 반응형 웹 예제
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바