일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 단기개발자코스
- DesignPattern
- 빈 조회 2개 이상
- spring batch 5.0
- 1주일회고
- 프로그래머스 이중우선순위큐
- 개발자 취업
- 99클럽
- Spring multimodule
- Python
- 항해99
- infcon 2024
- 프로그래머스
- jwttoken
- 커스텀 헤더
- JavaScript
- 디자인패턴
- 빈 충돌
- 인프콘 2024
- 구글 OAuth login
- @FeignClient
- 코딩테스트 준비
- 개발자부트캠프추천
- TiL
- KPT회고
- 파이썬
- jwt
- 취업리부트코스
- 디자인 패턴
- 전략패턴 #StrategyPattern #디자인패턴
- Today
- Total
목록프론트엔드/html & css (3)
m1ndy5's coding blog
CSS란? Cascading Style Sheets의 줄임말로 HTML 또는 XML같은 마크업 언어로 쓰여진 문서에 스타일을 입힐 때 사용하는 언어 Cascading 이란? 계단식이라는 뜻으로 style rule에 우선순위를 정해 결정하는 것을 의미 CSS의 특징 CSS에 스타일을 적용하는 방법 1) Inline 태그 내부에 style 속성을 넣어 사용하는 방식 안녕하세요2) Internal HTML 파일 상단에 별도의 태그를 작성하고 내부에 CSS코드를 작성하는 방식 안녕하세요 3) External 별도의 CSS 파일을 생성하여 연결해주는 방식 안녕하세요 /* style.css */ p { color: red; }CSS Selector 스타일을 적용할 때는 선택자(Selector)을 사용하여 적용 : ..
이 미니 프로젝트는 별다른 기능이 없고 HTML과 CSS를 익히기 위해 외형만 copy하였습니다!! 가장 신경 쓴 부분 외형을 최대한 비슷하게 할 것 작은 포인트들은 구현해 볼 것 lighthouse로 검사했을 때 최대한 100점에 가깝게 만들 것구현 과정일단 첫 번째 목표인 외형을 비슷하게 만들기 위해 구조, 텍스트 속성(색, 굵기 등), margin과 크기를 고려하여 코드를 작성했다. 위가 원래 배민 블로그고 밑이 내가 만든 블로그이다. 이 부분에서 어려웠던 점 문제 : 화면은 넓지만 실질적인 내용이 있는 부분은 한정되어있고 가운데에 있어야했다. /* body의 width를 제한하고 가운데로 오게함 */ body { margin: 0 auto; flex-wrap: wrap; width: 966px; ..
HTML이란? Hyper Text Markup Language 의 약자로 하이퍼 텍스트 방식의 마크업 언어 하이퍼 텍스트, 하이퍼 링크란? 단순 텍스트를 넘어서 텍스트나 이미지 등의 형태를 통해 링크로 연결되어 화면 이동을 가능하게 하는 기능을 제공하는 텍스트 마크업 언어란? 태그 등을 이용하여 데이터를 모니터 상에 표기하기 위해 사용하는 언어 언제 HTML을 사용할까? 우리가 흔히 사용하고 접하는 웹페이지를 만들 때 사용 WWW(World Wide Web) VS Internet WWW 인터넷 상에서 문서와 다른 리소스에 접근할 수 있는 방법을 제공하는 공간 -> 소프트웨어적인 느낌 -> 웹 브라우저를 통해 웹 페이지에 방문하고, 하이퍼링크를 클릭하여 다른 웹 페이지나 리소스에 접근 Internet 전 ..