tip //0504

transform:translate(-50%. -50%); /*transform 은 자기 자신 기준 */
font-size:12px;

}

.screen_out {display:none;
visibility:hidden;
opacity:0 ; /* 0.5 .5 가능  %도 가능 */
text-indent: -99999999px ; /*내어쓰기 –  들여쓰기 +  */
font-size:0;
}

 

h1 (selector)  {} declaration  {color(property):blue(value);font-size(property):12px(value;}
id selector : #
id 속성은 전체 문서에서 하나의 태그를 식별하기 위해서만 사용됨 ; 우선 순위가 가장 높음

class selector : .
일련의 태그를 그룹핑해서 하나처럼 제어하기 위해서 사용;
공백으로 구분된 여러개의 class가 표시될 수 있음

type selector : 특정 태그명을 가진 엘리먼트 전체 제어하기 위해 사용
css선택자에서는 태그의 이름을 사용함

동위 선택자: ~
p~div {} p태그와 동일한 레벨에 있는 div 태그에 속성을 적용한다. 이 때 p 태그에는 스타일이 적용되지 않음.
p+div라고 하면 p태그와 동일 레벨의 첫 번째 div태그.

속성 선택자: []
a[href] {} a태그의 href 속성이 있는 경우 스타일 적용

속성값 선택자 a[href=”www.naver.com”] {} 속성값이 일치하는 경우 스타일 적용

문자 선택자 #idname:first-letter {font-size : 30 px } id속성이 idname인 태그의 첫 번째 문자에 스타일 적용

라인 선택자 .classname:first-line { color: red;} class 속성의 값이 classname인 태그의 첫 줄 글씨 색을 빨간색

반응 선택자 .mytable1.row td:nth-child(1):hover{background:#000ff} :hover 선택자는 마우스 포인터가 올라가 있을 때만 반응하는 스타일을 적용한다.

상태선택자 : focus, checked

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.