봉구구

HTML5 / CSS3 placeholder 폰트 색상 지정

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #aaa; font-size:12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #aaa; font-size:12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #aaa; font-size:12px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #aaa; font-size:12px;
}

유튜브영상 검은바 없이 높이 100% 하는방법

html

<div class="video-container">

    <iframe width="100%" src="http://www.youtube.com/embed/HkMNHkMNOlYcpHg" frameborder="0" allowfullscreen=""></iframe>

</div>

CSS

.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}

.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

table 태그에서 말줄임 사용하는 방법

table {table-layout: fixed;}

말줄임이 필요한 셀렉트 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

말줄임 비적용

말줄임 적용

@media (max-width:360px){body{font-size:10px;}}
@media (min-width:361px) and (max-width:400px){body{font-size:11px;}}
@media (min-width:401px) and (max-width:440px){body{font-size:12px;}}
@media (min-width:441px) and (max-width:480px){body{font-size:13px;}}
@media (min-width:481px) and (max-width:520px){body{font-size:14px;}}
@media (min-width:521px) and (max-width:560px){body{font-size:15px;}}
@media (min-width:561px) and (max-width:600px){body{font-size:16px;}}
@media (min-width:601px) and (max-width:640px){body{font-size:17px;}}
@media (min-width:641px) and (max-width:680px){body{font-size:18px;}}
@media (min-width:681px) and (max-width:720px){body{font-size:19px;}}
@media (min-width:721px) and (max-width:760px){body{font-size:20px;}}
@media (min-width:761px) and (max-width:800px){body{font-size:21px;}}
@media (min-width:801px) and (max-width:840px){body{font-size:22px;}}
@media (min-width:841px) and (max-width:880px){body{font-size:23px;}}
@media (min-width:881px) and (max-width:920px){body{font-size:24px;}}
@media (min-width:921px) and (max-width:960px){body{font-size:25px;}}

ie8이하에서는 rgba 속성이 적용되지 않아 다른방법으로 투명배경 주는방법
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);