본문 바로가기
반응형

CSS3

CSS POSITION 위치를 결정하는 결정하는 속성입니다. static (기본위치) 기본적인 position 속성입니다, 따로 속성을 주지 않는다면 적용됩니다. 오른쪽에서 왼쪽, 위에서 아래로 배치 부모 안에서 위치될 때에는 부모를 기준으로 오른쪽에서 왼쪽, 위에서 아래로 배치 relative (상대위치) 태그의 top, left, right, bottom을 이용하여 위치 조절이 가능 태그의 안쪽 방향으로 준 스타일이 적용됨. relative의 경우 자신의 static 기준으로 움직임. { position: relative; top: 5px } top을 5px를 줄 경우, 위에서 아래로 5px 내려감. absolute absolute의 경우 static 속성을 가지고 있지 않은 부모 포지션을 기준으로 움직임, 만약 부모 태그.. 2019. 12. 22.
CSS !important !important 속성은 다중 선언된 스타일에 대해서 우선순위로 지정하는것입니다. CSS(Cascading Style Sheets)은 Cascading 폴포처럼 위에서 아래로 흘러내리는 스타일 정의입니다.CSS의 특징중 하나는 앞에 선언한 값을 대신할 부분을 뒷부분에서 사용하면 해당 요소가 덮어 써여져서 적용되는 점입니다. 하지만 !important 가 있을 경우 이중선언 된 스타일에 대해서는 무시되어집니다. 참고 http://jobdahan.net/index.php?mid=css2&document_srl=1225603 http://hornil.com/bbs/board.php?bo_table=comm_hp_note&wr_id=20 2012. 5. 8.
CSS Media Type JavaScript UI 를 보다보니 css를 불러오는 구문에 media type이 지정되어 있었다.지금까지 잘 본적없는 부분이라서 확인해보니 다음과 같았다. allUsed for all media type devices (모든 종류의 장비)auralUsed for speech and sound synthesizers (목소리나 사운드에 대한 장비)brailleUsed for braille tactile feedback devices (점자 피드백 장비)embossedUsed for paged braille printers (페이지 점자 프린터)handheldUsed for small or handheld devices (소형 또는 휴대용 장비)printUsed for printers (프린터)proje.. 2012. 5. 8.
반응형