[HTML/CSS] 네비바, 카드 레이아웃 만들어보기
·
React/HTML & CSS
Flexbox와 Grid를 공부하고나서 네비바와 카드 레이아웃을 만드는걸 해보려고 함우선은 css파일을 불러와야 하니 다음으로는 상단바 부터 만들어 보겠음 MyPortfolio 홈 소개 포트폴리오 연락처 리스트 형식으로 생성을 했으니 이제 원하는 스타일로 스타일을 추가해보면?/* 네비게이션 부분 */.navbar { display: flex; justify-content: space-between; align-items: center; background-color: #333; padding: 15px 30px;}.logo { color: white; font-size: 24px; font-weig..
[HTML/CSS] CSS 정리
·
React/HTML & CSS
1. CSS 선택자HTML 요소 중 어떤 부분에 스타일을 적용할지 "찍어주는 역할" 기본 선택자 종류태그 선택자: 태그 이름으로 선택클래스 선택자: 여러 요소에 재사용 가능 (`.` 사용)아이디 선택자: 한 페이지에 1번만 사용 (`#` 사용)예제안녕p { color: blue; } /* 태그 선택자 */ .text { font-size: 20px; } /* 클래스 선택자 */ #title { font-weight: bold; } /* 아이디 선택자 */2. 텍스트 / 폰트 스타일글자의 크기, 색상, 굵기, 정렬 등을 설정하는 속성`color`: 글자 색`font-size`: 글자 크기`font-weight`: 글자 두께`text-align`: 정렬예제p { color: black; font-size..
[HTML/CSS] 자기소개 페이지 꾸며보기
·
React/HTML & CSS
지난번 HTML로 간단한 자기소개 페이지를 만들어 봤었음그걸 이제 CSS를 추가해서 꾸며보겠음이게 지난번 결과임 안녕하세요 이도서입니다. 자기소개 저는 React 개발자를 꿈꾸는 개발자입니다. 보유 기술 Swift Flutter HTML 학습중 JavaScript 학습중 React 학습중 연락처 Email : 이메일 비공개 프로필 사진 노션 링크 내 노션 링크 그럼 한번 해보겠음 우선 `link`로 css파일을 불러오도록함그 후 아래에 내용을 작성해보겠음 이도서 (Lee doseo) React ..