반응형

2015/06/22 2

[Html5] CSS3와 브라우저 접두사(prefix)

CSS3와 브라우저 접두사(prefix)- CSS3 표준 규약이 완성되지 않아 브라우저들이 새로운 CSS3 속성을 부분적으로만 구현할 수 있기 때문에, 대부분의 CSS3 속성을 사용하려면 속성 이름 앞에 브라우저를 식별할 수 있는 접두사(prefix)를 붙여서 사용 예제-webkit-column-count:3; /* 사파리와 크롬 브라우저용 속성 */ -moz-column-count:3; /* 파이어폭스 블라우저용 속성 */column-count:3; /* 표준이 정해진 뒤 사용하게 될 속성 */ 브라우저 접두사 접두사 설명 -webkit- 웹키트 방식 브라우저용(사파리, 크롬 등) -moz- 게코 방식 브라우저용(모질라, 파이어폭스 등) -o- 오페라 브라우저 -ms- 마이크로소프트 인터넷 익스플로러

[Html5] 가상 클래스 - :link, :visited, :active, :hover 등등

==============================================================================링크와 관련된 가상 클래스 선택자- 링크는 사용자에게 보일 때는 링크가 걸린 텍스트나 이미지일 뿐이지만, 실제로 링크에는 링크 위로 마우스를 올려놓았을 때나 링크를 클릭했을 때처럼 여러 가지 상황들이 존재- 눈에 보이지는 않지만 링크와 관련해서 정의해야할 선택자들 :link 선택자 - 문서 안의 하이퍼링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용- 링크의 밑줄을 없애거나 색상을 바꾸려고 할 때 :link 선택자를 사용 ex) a:link { color:black; text-decoration:none; } :visited 선택자 - 링크 중에서 한 번..

반응형