Web/HTML,CSS 썸네일형 리스트형 [CSS] position position 태그들의 위치를 결정하는 명령 static : 기본값 (default) 왼쪽에서 오른쪽으로, 위에서 아래로 쌓인다. relative : 위치를 계산할때 static의 원래 위치에서부터 계산을한다. ( top, bottom, left, right 등 위치를 같이 설정할수있음 ) absolute : relative와 다르게, 원래 위치 상관없이 위치 지정가능 fixed : 브라우저 화면의 상대 위치 ( 화면이 바뀌더라도 고정된 위치 설정가능 ) 사용법 position:static; position:relative; position:absolute; position:fixed; 더보기 [HTML] inherit 속성값,list 만들기 inherit(상속) 속성값, list 만들기 ==inherit(상속) 속성값== 일반적으로 어떤 엘리먼트에 color를 지정해 주면 그 하위의 모든 요소들이 해당 엘리먼트의 컬러를 따라한다. ex) 대표적인 속성 : text-align,color,font-size 등 1 2 위의 값 적용시에 section만 적용되는것이아닌, 자식요소인 div 까지 적용되어 1,2 라고 출력되는 숫자의 폰트크기도 20px이 되는것이다. 상속되는것. ==list 만들기== ul : 순서 없는 리스트 아이템을 감쌀 때 ㄴ ex) ○ 첫번째 ○ 두번쨰 ○ 세번째 ol : 순서 있는 리스트 아이템을 감쌀 때 ㄴ ex) 1.첫번째 2.두번째 3.세번째 dl : 데이터 리스트 ㄴ ex) 첫번째 값 두번째 값 세번째 값 더보기 [HTML] display 속성과 css 선택자 display 속성과 css 선택자 ==display 속성== div = 기본적으로 block 요소임. span = 기본적으로 inline 요소임. block : 한줄을 다차지함. ㄴ display: block; : ex) 1 2 3 none : 아예 표시하지않음. ㄴ display: none; : ex) inline-block : 엘리먼트를 글자화 한다. ㄴ display: block; : ex) 1 2 3 ==css선택자== div section : div 안에 들어있는 section 선택 ㄴ 후손선택자 == 내 안에 들어있는 것 중에서 선택 div > section : div의 자식인 section 선택 ㄴ 자식선택자 == 바로 아래 행렬에 있는 녀석들 중에서 선택 .a1 : 클래스 속성이 a1인 .. 더보기 이전 1 다음