Today I Learnd
☞ HTML
-
글 작성시 띄어쓰기, 공백, 다음 줄 등 내가 친 데로 웹페이지에 입력 됨
<pre></pre>태그
-
좌우 스크롤 없애는 방법
<body style="overflow-x:hidden; overflow-y:auto;">auto,visable,hidden,scroll속성 확인
☞ CSS
- 배경 사진 조절에 있어
background-size,object-fit의 속성의 종류와 기능
- 웹페이지 제작시 픽셀 단위 보다는 가변형 뷰포트 단위 적절하게 이용 할것
- 브라우저 크기조절시 자연스럽게 contents도 그에 맞게 자동으로 조절이 되어 보기 편함
- 브라우저 크기조절시 자연스럽게 contents도 그에 맞게 자동으로 조절이 되어 보기 편함
- 어떤 요소의 방향이나 위치를 조절하고 싶을때 CSS의
transform으로 조절
- 가상요소
before, after의 사용방법과 기능
- 글의 자간 어간 간격 등 설정
letter-spacing:자간(글자 간격),word-spacing: 어간(단어 간격),line-height: 줄간격,columns: 다단
- 항상 크로스 브라우징에 대해 염두하고 웹페이지 제작
width속성에서calc()확인
box-shadow속성의 사용방법
- Grid의 사용방법 및 칸 나누는 방법
template-row and columnfr단위와 원하는만큼 칸 배열 가능
Trial and Error Log
- SITUATION:
- HTML 에서의 CSS 로딩속도가 뒤죽박죽 아예 안될때도 있어 웹페이지 결과물에 혼란
- HTML 에서의 CSS 로딩속도가 뒤죽박죽 아예 안될때도 있어 웹페이지 결과물에 혼란
- REASON:
- 구글링 결과
@import방식은 속도 측면에서 좋지 않으니<link>방식을 사용 권장
- 구글링 결과
- SOLUTION:
- html의 CSS 연결을
@import에서<link>방식으로 변경 결과 원할하게 작동
- html의 CSS 연결을
I want to become a developer