** 어떤 개념을 참고해서 어떤걸 느꼈고 뭘 배웠는지 복기를 원활하게 하기 위한 기록이다 **
2021년 12월 29일까지 힘펠, 가비아글로벌, 기아글로벌브랜치, 도미노피자, 삼성전자서비스, 제주맥주, 한살림장보기 사이트들을 HTML과 CSS(+ 구글폰트)를 이용하여 따라 구현해 보았다.
가비아글로벌
가비아 글로벌
글로벌 쇼핑몰 구축과 운영 대행, 해외 마켓 판매 대행까지 수출기업으로의 발돋움을 가비아 글로벌과 함께 하세요.
global.gabiacns.com
참고 레퍼런스
- hr태그 편집에 대한 레퍼런스
1. https://secretgd.tistory.com/106 / 2. https://jihyehwang09.github.io/2019/08/08/css-2019-08-08/
가로줄 넣기(hr태그)
hr 태그는 기본적으로 border값이 매겨져 있으므로초기화를 먼저 해준다. 1border: 0; width: 수평선의 크기(가로 길이) 비율(%) | 숫자값(px) height : 수평선의 굵기 text-align: 선의 위치 left | center | right(defa
JihyeHwang09.github.io
- line-height 에 대해 참고한 글
1. https://www.codingfactory.net/10639
CSS / line-height / 줄 높이 정하는 속성
개요 line-height는 줄 높이를 정하는 속성입니다. 기본값 : normal 상속 : Yes 애니메이션 : Yes 버전 : CSS Level 1 문법 line-height: normal | length | number | percentage | initial | inherit normal : 웹브라우저에서 정한
www.codingfactory.net
- 글자 세로 정렬
1. https://www.codingfactory.net/10835
CSS / 세로 가운데 정렬하는 방법
CSS에서 텍스트의 가로 가운데 정렬은 text-align 속성을 이용합니다. text-align: center; 요소의 가로 가운데 정렬은 margin 속성을 이용합니다. margin-left: auto; margin-right: auto; 그렇다면 다음처럼 세로 정
www.codingfactory.net
+++ (헷갈렸던 점이나 깨달은 점 정리)
바깥쪽 요소에 padding 속성을 추가해서 세로 정렬을 가운데로 할 수 있습니다
-> 이동했으면 하는 태그가 아니라 그 태그의 바깥태그(부모태그)에 padding 속성을 추가해야 정렬이 된다.
(별거 아니고 당연한건데 이거 약간 해멨다..ㅋㅋ)
안쪽 요소에 margin 속성을 추가해서 세로 정렬을 가운데로 할 수 있습니다
-> 버튼을 만들때 이렇게 하는 경우 클릭하는 영역이 밀리는 현상이 있었던 것 같다. 주의하면서 작업해봐야 할 듯.
- display : flex 관련 참고
https://studiomeal.com/archives/197
이번에야말로 CSS Flex를 익혀보자
이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누
studiomeal.com
힘펠
https://www.himpelmall.com/mall/index.php#none
환기가전 기업 1위 힘펠
환기가전 기업 1위 힘펠은 환기시스템, 욕실 환풍기, 전동댐퍼 등 다양한 제품을 선보입니다. 가정용 부터 다중이용시설 까지 더 건강하고 쾌적한 공기를 위해 힘펠이 함께합니다. 올바른 환기
himpelmall.com
- before, after 가상선택자
[공유]::before와::after, 그들의 정체는?
[공유]::before와::after, 그들의 정체는? 안녕하세요! UI개발2팀 조가영입니다. 무려 10주에 걸쳐 진행한 OJT. 면수습 후 OJT의 꽃인 블로깅을 작성하려니 감회가 더욱 새롭네요! 과제를 하던 중 발견한
blog.hivelab.co.kr
'TIL > 연습한것 + 레퍼런스 정리' 카테고리의 다른 글
| 20211209 _ git book (가입하고 연동하기) (0) | 2021.12.09 |
|---|
댓글