시간과 공간

CSS 가상선택자 연습하기 연습용 코드 :only-child : 구조적 가상클래스로 어떤 요소의 자식이 하나 밖에 없을 때 적용 합니다. :only-child 일때 coral border The 1 paragraph. The 2 paragraph. The 3 paragraph. The 4 paragraph. The 5 paragraph. The 1 paragraph. The 2 paragraph. The 3 paragraph. The 4 paragraph. The 5 paragraph. The 1 paragraph. The 2 paragraph. The 3 paragraph. The 4 paragraph. The 5 paragraph. The 1 paragraph. 출력

CSS 가상클래스 의미 가상 클래스 선택자(Pseudo-Classes) 가상 클래스는 웹 문서의 소스에는 실제로 존재하지 않지만 필요에 의해 임의로 가상의 선택자를 지정하여 사용하는 것을 말한다. 특징 문서의 특정위치, 특정영역, 특정요소를 선택하지 위하여 미리 만들어 놓은 선택자이다. ':' 기호를 사용하여 요소에 대해 더 정밀한 선택 및 스타일 지정 스타일을 적용하는 대상을 요소명이나 속성명, 속성값에 따라 분류하는 것이 아니라 '상황'에 따라 분류한다. 종류 1) 링크에 대한 가상 선택자(link > hover > visited > active 지정 순서에 주의해야 한다) - a:link : 사용된 적이 없는 링크를 선택했을 때 - a:hover : 링크 위에 마우스가 올라갔을 때 - a:visit..

선택자 우선순위 더 높은 우선순위 그룹의 규칙이 있으면 낮은 그룹의 경쟁 규칙은 무시된다. 그룹은 해당 선택자의 명시도에 따라 분류된다. 낮은 우선순위 그룹의 선택자는 높은 우선순위 그룹의 선택자에 비해 명시도가 낮다. 선택자 우선순위를 결정할 때는, 일반적인 선택자는 문서의 전반적인 스타일을 설정하는데 적용하고, 더 구체적인 선택자는 일반적인 선택자보다 우선시하여 특정 스타일을 적용하길 권장한다. 특징 스타일 시트는 다음과 같은 3개의 CSS original source를 가질 수 있다. 제작자(author) : 웹 사이트 제작자가 지정하는 자신의 페이지 스타일 사용자(user) : 사용자가 직접 정하는 자신이 사용할 스타일 사용자 도구(user agent) : 웹 브라우저 자체에 지정된 기본 스타일 ..

em, strong, mark 태그 텍스트를 강조하는 의미에서 쓰이지만, 각기 용도가 다르다. em (emphasized text) 강세를 둔 강조, 이탤릭체로 표시한다. 강조의 위치는 문장의 의미를 바꾼다. // 고양이에 강조 고양이는귀여운 동물이다. // 귀여운에 강조 고양이는귀여운 동물이다. 크로스 브라우징 IE6+, Firefox 2+, Chrome 1+ etc strong 강조된 중요성. 제목, 문단등에 사용하여 다른 것과 구분 짓는 용도이며 굵은 글씨체로 표시한다. html4에서 strong은 좀 더 강한(emphasis)로 인식되었다. 하지만 html5에서 strong태그는 "contents에서 가장 중요한 부분"을 나타낸다. ("Warning! This is very dangerous.")..