zhtvkq's world~~

-list-style :모든 리스트 속성을 하나로 정의한 축약 속성이다. 여기에는 list-style-type, list-style-position, list-style-image 가 포함 될 수 있으며 만약 { list-style:circle inside } 이 것처럼 세 개의 속성 중 하나가 빠진다면 생략 된 값은 기본 값으로 대체된다. { list-style:value; } list-style-type : 리스트 목록..

-content ::before, :after 같은 가상 클래스 요소를 사용하여 콘텐츠를 넣을 때 사용하는 속성이다. { content:""; } none : normal : counter : attr(attribute) : string : open-quote : close-quote : no-open0quote : no-close-quote : url(url) : inherit :지정 요소의 콘텐츠 내용을 부모(상위) 요소로부터 상속받음 사용 예) a:after { con..

-font :모든 폰트 속성들을 하나로 정의하는 축약 속성이다. 그 안에 포함할 수 있는 속성들에는 font-style, font-variant, font-weight, font-size/line-height, font-family 가 있으며 그 중 font-size 와 font-family 는 필수 값이다. 만약 두 값 중 하나라도 작성하지 않는다면 기본값으로 설정된다. line-height 속성은..

-background :모든 background 속성들을 한번에 선언할 수 있는 축약속성이다. background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, background-image 들을 한꺼번에 선언할 수 있으며 {background:#ff0000 url(bg.gif);} 처럼 한 개 또는 그 이상을 제외하고 사용..

-.class :class 선택자라고 하며 css 에서 .anything 라고 정의 되었을 경우 html 의 class=”anything” 인 모든 요소를 선택한다. .anything {background-color:yellow;} -#id :id 선택자라고 하며 css 에서 #anything 라고 정의 되었을 경우 html 의 id=”anything” 인 모든 요소를 선택한다. #anything {background-color:yellow;} -* :..

-color :텍스트의 색상을 지정한다. { color:value; } color : 텍스트의 색상을 직접 컬러값으로 지정 inherit : 지정 요소의 텍스트 색상 속성을 부모(상위) 요소로부터 상속받음 사용 예) body { color:red; } h1 { color:#00ff00; } p { color:rgb(0,0,255); } *CSS 에서 사용할 수 있는 색상코드는 Hexadecimal color(가장 많..

-border-collapse :테이블에서 사용되며 테이블 셀의 테두리를 하나로 표현할지 분리할지 여부 등을 지정한다. { border-collapse:collapse; } collapse : 테두리를 하나로 합치게 지정(border-spacing 이나 빈 셀 속성은 무시) separate : 기본값(default), 테두리를 분리(border-spacing 이나 빈 셀 속성이 무시되지 않..

-bottom : position 속성과 함께 사용되며, 해당 position 이 어떤 값을 가지고 있느냐에 따라 bottom 의 위치값이 같아도 요소의 위치가 달라질 수 있다. 요소의 하단 모서리의 위치를 지정하는 속성이며 기준(0)은 하단에서 시작된다. {position:absolute;} 일때는 해당 요소가 포함된 영역 안에서 bottom ..