CSS115

CSS line-height line-height 속성은 행의 높이를 정의해줍니다. line-height: 1, 2, 3, 4 line-height: px, pt, cm, etc, % 기본값:normal, 상속:됨, 버전:CSS1 line-height: number 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:normal 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:1 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:2 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:3 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:4 line-height: length 시끄럽다!.. 2014. 2. 13.
CSS :first-line :first-line 선택자는 문서의 첫 줄에만 별도로 속성을 정의 할 수 있습니다.:first-line { font: Value; color: Value; background: Value; word-spacing: Value; letter-spacing: Value; text-decoration: Value; vertical-align: Value; text-transform: Value; line-height: Value; clear: Value; }기본값:없음, 상속:안됨, 버전:CSS1CSS :first-letter ‘영숙’(박보영)은 충청도를 접수한 여자 일진이지만, 홍성농고 전설의 카사노바 ‘중길’(이종석)을 바라보며 애만 태운다. 한편 홍성공고 싸움짱 ‘광식’... ‘영숙’(박보영)은 충청도.. 2014. 2. 13.
CSS :first-letter :first-letter 선택자는 요소의 첫 글자 만을 따로 속성을 부여할 수 있습니다. :first-lette { font: Value; color: Value; background: Value; margin: Value; padding: Value; vertical-align: Value; border: Value; text-decoration: Value; text-transform: Value; line-height: Value; float: Value; clear: Value; } 기본값:없음, 상속:안됨, 버전:CSS1 CSS :first-line :first-lette에는 font, color, background, margin, padding, border, text-decoration, .. 2014. 2. 12.
CSS float float 속성을 요소를 상위 요소를 기준으로 왼쪽과 오른쪽으로 레이아웃을 정렬하는데 많이 활용됩니다. float: left; float: right; float: none; 기본값:없음, 상속:안됨, 버전:CSS1 float:none 영화 회사원 평범한 삶을 꿈꾼 순간, 모두의 표적이 된 남자! 2012년 가을, 그의 마지막 출근이 시작된다! 겉으로는 평범한 금속 제조 회사지만 알고 보면 '살인'이 곧 실적인, 살인청부회사 내 영업 2부 과장 지형도(소지섭 분). 한치의 실수도 범하지 않는 냉정함과 차분함으로 유능함을 인정받으며 회사에서 시키는 대로 앞만 보고 달려온 10년, 어렸을 적 자신의 모습과 닮은 알바생 훈(김동준 분)을 만나게 된다. 훈과의 임무 수행 중, 순간의 망설임을 느낀 그는 집이고 .. 2014. 2. 9.
CSS Background Background 속성은 요소의 배경색과 배경이미지를 정의해 줍니다. 레이아웃 구분과 사이트의 가독성을 높이고 버튼 효과를 위해 많이 사용되는 속성입니다.background-color: Value; background-image: Value; background-repeat: Value; background-attachment: Value; background-position: Value; 기본값:없음, image:scroll,repeat, top, left, 상속:안됨, 버전:CSS1 background-color:#f40 background-image: url(http://cfile26.uf.tistory.com/image/21041C4352F4F113095F79) background-repeat:.. 2014. 2. 8.
CSS vertical-align vertical-align 속성은 요소들이 각 높이가 달라 라인을 맞추기 위해서 사용하는 속성으로 baseline, sub, super, top, text-top, middle, bottom, text-bottom 8가지이며 %와 px값으로 도 정의할 수 있습니다.vertical-align: value;기본값:baseline, 상속:안됨, 버전:CSS1 CSSimg { vertical-align:baseline; } vertical-align:baseline CSSimg { vertical-align:top; } vertical-align:top CSSimg { vertical-align:middle; } vertical-align:middle CSSimg { vertical-align:bottom; }.. 2014. 2. 7.
CSS word-spacing letter-spacing은 자간 거리를 조절 하지만 word-spacing 문단 거리를 조절해 줍니다. word-spacing: value; 기본값:없음, 상속:됨, 버전:CSS1 문단 거리 조절하는 word-spacing:normal 문단 거리 조절하는 word-spacing:1px 문단 거리 조절하는 word-spacing:5px 문단 거리 조절하는 word-spacing:-5px 문단 거리 조절하는 word-spacing:-10px 문단 거리 조절하는 word-spacing:normal 문단 거리 조절하는 word-spacing:1px 문단 거리 조절하는 word-spacing:5px 문단 거리 조절하는 word-spacing:-5px 문단 거리 조절하는 word-spacing:-10px CSS .. 2014. 2. 7.
CSS letter-spacing letter-spacing는 자간 거리를 지정 할 수 있습니다. letter-spacing:value 기본값:없음, 상속:됨, 버전:CSS1 자간거리 없음 letter-spacing:normal 자간거리 letter-spacing:1px 자간거리 letter-spacing:5px 자간거리 letter-spacing:-1px 자간거리 없음 letter-spacing:normal 자간거리 letter-spacing:1px 자간거리 letter-spacing:5px 자간거리 letter-spacing:-1px CSS word-spacing 2014. 2. 7.
CSS display display 속성은 요소들에 박스 형태의 유형을 설정 합니다.span 태그는 인라인 속성을 가지고 있는데 그걸 블록으로 바꿔주고 p 태그 처럼 줄 바꿈을 하는 태그를 인라인 속성을 부여하여 줄 바꿈을 하지 않고 붙여주는 기능을 합니다.display:inline display:block display:inline-block display:none주로 사용하는 속성들 입니다. display:none 속성은 화면에서 노출에서 제외 시켜버립니다. 기본값:inline, 상속:안됨, 버전:CSS1 span span span span span span span span span span span span span span span span 태그들은 인라인 속성을 가지고 있기 때문에 오른쪽에 자연스럽게 배치 됩니다... 2014. 2. 5.
CSS text-transform Text-transform는 영문 글자를 대문자,소문자 등으로 변환해주는 속성입니다. 한글은 적용이 안되고 알파벳에만 적용이 가능합니다. text-transform:capitalize text-transform:uppercase text-transform:lowercase 기본값:없음, 상속:됨, 버전:CSS1 HELLO text Transform This example demonstrates different text-transforms. HELLO Text Transform This example demonstrates different text-transforms.text-transform:capitalize 단어들의 첫자들을 대문자로 변경합니다. HELLO Text Transform This ex.. 2014. 2. 5.
CSS border border는 각요소들의 윤곽선을 설정해 줍니다.두께와 모양은 필수이고 색상은 지정하지 않으면 기본 븍랙이고 상속 받은 색상이 있으면 그 색상으로 설정이 됩니다.border:width style color기본값:black, 상속:안됨, CSS1 border-width: 스타일속성은 필수입니다. border:2px solid #000 border:5px solid #000 border-bottom:5px solid #000 border-style:solid; border-bottom:10px solid border-style:solid; border-width:1px 5px 10px 20px ＊border-width:1px 5px 10px 20px - 위 오른쪽 아래 왼쪽＊border-width:1px 5.. 2014. 2. 1.
CSS font font: 속성은 폰트에 관련된 속성 값을 한번에 여러개를 적용할 수 있습니다. font-style: Value; font-variant: Value; font-weight: Value; font-size/line-height: Value; font-family: Value;폰트 속성은 { font:14px Georgia }와 반드시 같이 크기와 글꼴을 필수로 포함하여야만 합니다.기본값 : 없음, 상속 : 됨, 버전 : CSS1 가나다라마바사아자차카타파하ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzTil this house feels like it did before Feels like insomnia ah ahfont:italic small-caps b.. 2014. 2. 1.

티스토리툴바