ALBERT SITE

폰트를 한글과 영어,숫자 따로 적용하기

Posted by Albert 1183Day 22Hour 36Min 33Sec ago [2022-10-30]

css 상 한글 영문 숫자 다르게 설정하기@font-face {    font-family: #KoFonts#;    src: url(../fonts/ChosunCentennial/ChosunCentennial.eot);    src: url(../fonts/ChosunCentennial/ChosunCentennial.eot?#iefix) format(#embedded-opentype#),         url(../fonts/ChosunCent…

ellipsis : 지정된 영역의 크기에 맞게 말줄임표…

Posted by Albert 4016Day 12Hour 19Min 15Sec ago [2015-01-28]

<style type"text/css"> #textBox p{ margin:0 auto; margin-bottom:10px; border:1px solid #ccc; padding:10px; width:90%; white-space:nowrap; overflow:hidden; } #textBox .clipText{ text-overflow:clip; -o-text-overflow:clip; } #textBox .ellipsisText{ text-overflow:ellipsis; -o-text-overflow:ellipsis; } </style> …

영문,한글 폰트 적용하기

Posted by Albert 4259Day 4Hour 33Min 7Sec ago [2014-05-30]

CSS에서 폰트를 지정할 때 한글 글꼴이 영문 글꼴 보다 먼저 정의되면  한글과 영문 모두 한글 글꼴로 표시됩니다. 아래는 가장 많이 사용되는 폰트 지정 방법의 예입니다.123body {   font-family: 돋움, Tahoma, Geneva, sans-serif;}일반적으로 한글 폰트 안에 포함되어 있는 영문 폰트는 단일 영문 폰트에 비해 상대적으로 디…

css로 동그라미 만들기

Posted by Albert 4263Day 7Hour 26Min 54Sec ago [2014-05-26]

#circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}

반응형관련 종류별 사이즈 쌤플

Posted by Albert 4288Day 8Hour 52Min 58Sec ago [2014-05-01]

.imgrap {width:550px} /* bigest*/ @media only screen and (min-width: 1279px){ .imgrap {width:550px} } /* common biger 960 */ @media only screen and (min-width: 960px)  and (max-width: 1279px){ .imgrap {width:450px} } /* #Tablet (Portrait)*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .img…