css속성 (3) 썸네일형 리스트형 CSS - 속성 정리 (2) / CSS3 애니메이션 CSS - 속성 정리 (2) Position : static(기본값); => 요소가 순서대로 배치된다. 위치 지정이 필요 없다. absolute => 순서와 상관없이 브라우저 창 내에서 지정한 위치에 나타난다. relative => 직전 요소에 이어서 상대 위치에 배치된다. fixed => 현재 보이는 브라우저 화면 내에서 절대위치에 배치된다. 현재 보이는 브라우저 화면 내에서 항상 같은 위치에 나타난다. 화면을 스크롤 해도 같은 위치에 나타난다. ( 상담, 쪽지 등과 같은 항상 동일위치에 있어야 하는 창을 만들 때 많이 사용된다.) z-index : 여러개의 콘텐츠를 겹쳐서 배치할 때 앞뒤 순서를 결정해주는 속성이다. 큰 수를 지정할수록 앞쪽에 배치된다. 이 속성은 position이 absolute나 .. CSS - 속성 정리 (1) / 타입 선택자 css CSS - 속성 정리(1) background-color : 배경색 background-image : 배경 이미지를 정의 background-repeat : 배경 이비지의 반복 여부를 지정 (repeat-x; => 수평방향 x축으로 반복 / repeat-y; => 수직방향 y축으로 반복) background-attachment : 배경 이미지가 고정 or 스크롤인지 지정 background-position : 배경 이미지 위치를 설정 background-size : 배경 이미지 크기를 지정 border:2px solid red; => 2 , solid , red 테두리 두께를 2픽셀, 실선, 테두리 선색을 빨강 (+border-top, border-bottom, border-left, border-rig.. (생활코딩) CSS 속성을 알아내기 /선택자의 기본 여기서 h1태그의 WEB의 텍스트 크기를 조정해보자. 검색어 추천 : CSS text size property 검색되는 페이지에서 font-size속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 추가로 h1태그의 WEB을 가운데 정렬 해보자. 검색어 추천 : CSS text center property 검색되는 페이지에서 text-align속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 이렇게 검색을 통해서 내가 원하는 속성들을 찾아 쓸 수 있다. 여기서 선택자의 기본에 대해서 알아보자. 일단, 만든 웹페이지에 있는 모든 태그를 검은색으로, 사용자가 방문한 적이 있었던 페이지는 회색으로, 현재 사용자가 머물고 있는 페이지는 빨간색으로 표시해보자. 1.모든 태그를 검은색 선택자를 .. 이전 1 다음
