Programing/CSS(4)
-
CSS Position 개념정리!
1. realtive CSS Position 개념정리 1 2 3 4 5 ** realtive는 원래 자리에서 상대적으로 이동한다고 기억하면 된다! ** 2. absolute (2번 box에 absolute 적용하면) CSS Position 개념정리 1 2 3 4 5 absolute는 아이템이 담겨있는 가장 가까운 박스 기준에서 이동한다고 기억하면 된다! (2번 박스는 article에 포함되어 있으므로 article 기준에서 이동한 것을 확인할 수 있다.) 3. fixed CSS Position 개념정리 1 2 3 4 5 fixed는 박스와 상관없이 웹페이지 기준에서 이동한다고 기억하면 된다! 정리: 1. realtive는 원래 자리에서 상대적으로 이동 2. absolute는 아이템이 담겨있는 가장 가까운..
2020.11.17 -
sticky로 메뉴바 고정하기
스크롤링 했을때 네비게이션바가 상단에 고정시키는 가장 간단한 방법: top : 0px Position: sticky positon: sticky Navigation Bar 1 2 3 4 5 6 7 8 9 10 ** IE 브라우저에서는 지원 안하지만 Edge브라우저는 지원한다! ** IE에서도 sticky속성을 이용할려면 방법은 js를 쓰는 방법 밖에....
2020.11.17 -
CSS의 기본 규칙
CSS의 기본 서식 HTML 소스 코드 안에 있는 '어느 부분의', '어떤 속성을', '어떤 값으로 할 것인가' 하는 것을 서식에 따라 써가면 됩니다. /* 어디에 있는(=선택자), 무엇을(=속성을), 어떻게 한다(값) */ 이미지 출처: http://www.nextree.co.kr/p8468/
2018.09.08 -
CSS 태그 종류
CSS 란? C: CascadingS: StyleS: Sheets HTML 문서에 장식이나 레이아웃을 하기 위한 언어입니다.CSS는 어디까지나 HTML이라는 토대 아래서 다양한 표시를 조정해가는 언어이기 때문에 HTML이 바르게 만들어져야 합니다. 자주 사용되는 태그들 속성설명align-contentalign-content 속성은 콘텐츠의 상하 관계 정렬 상태를 정의합니다.align-itemsalign-items 속성은 콘텐츠 내부의 정렬 상태를 정의합니다.align-selfalign-self 속성은 콘텐츠의 정렬 상태를 정의합니다.allall 속성은 요소의 속성을 초기화 또는 상속을 설정합니다. animationanimation 속성은 움직임을 표현합니다.animation-delayanimation-d..
2018.09.08