태그>css(총 349개의 글)
'css' 관련 최근글
-
- small-caps, first-letter, first-line
-
어린왕자와 여우 by 어린왕자|2012/09/03 13:34
.scaps { font-variant: small-caps; } .first:first-letter { font-size:1.4em; } .intro:first-line { text-transform:uppercase; } Hello world 분명히 코드 상으로는 H만 대문자이고, 나머지는 소문자인데, 전부 대문자로 나오고, 소문자였던 영문자들은 대..
- small-caps, first-letter, first-line
-
- 웹의 정적 리소스의 버전 명시를 통한 캐시 전략
-
까먹지말자! by 권남|2012/09/02 19:18
나는 언제부터인가 웹의 정적 리소스(*.js,*.css, *.jpg,.) 들은 항상 1년간 캐시하도록 설정을하고 있다. 이렇게 할 경우 일단 한 번 읽은 리소스는 다시 읽지 않기 때문에 대역폭을 아끼고 성능을 향상 시키는데 크게 일조를 한다. 하지만 여기에는 심각한 문제가 있다. css..
web, resource, css, javascript, image
- 웹의 정적 리소스의 버전 명시를 통한 캐시 전략
-
- font-family 글꼴 지정 시 주의사항
-
어린왕자와 여우 by 어린왕자|2012/08/20 15:02
font-family를 지정할 때 아래와 같이 여러 폰트를 나열하여 앞에 폰트가 없을 때 다음 폰트를 지정하도록 한다. font-family: '맑은 고딕', verdana; 그런데, 여기서 몰랐던 사실이 한글로 된 폰트에 경우 영문 윈도우에서는 찾을 수 없으므로 아래와 같이 해줘야 한다는 것이다. ..
- font-family 글꼴 지정 시 주의사항
-
- Html의 css 속성
-
spWony by spWony|2012/05/23 09:16
텍스트 스타일을 위한 속성 (출처: http://www.homejjang.com/07/text_css.php)color: 텍스트 색상 (white #FFFFFF )direction: 텍스트 방향 ( ltr, rtl )line-height: 줄간격 (150% )letter-spacing: 글자간격 (-0.1px)text-align: 텍스트 정렬 (left, rig..
- Html의 css 속성
-
- 파팰쨔응을 위한게아냐!! 어헣어헣어헣어헣!!1
-
에라이..빌어먹을 세상아!!! by SoulGroove|2012/05/16 22:42
덧글창에 이미지를 넣어보자 ! (동영상) 파팰쨔응의 CSS 태그를 슬경우 .댓글창이 블록화되어 한장의 이미지가 .여러개 나오는 경우가 있습니다. 파팰쨔응의 주소 : 이제 파팰쨔응의 CSS 태그를 손좀봐야하는데. 파팰쨔응의 원본태그는 다음과 같습니다. 원본 태그 : .footer a:..
- 파팰쨔응을 위한게아냐!! 어헣어헣어헣어헣!!1
-
- [ HTML ][ CSS ] 중앙정렬을 손쉽게 margin: auto
-
별소리의 엄마쟤흙먹어 by 별소리|2012/04/26 18:28
의 바로 하위에 오는 하나의 넓이를 1000px 주고 중앙정렬을 하려고 다음과 같이 스타일을 지정했습니다. body { text-align: center; } #wrap { width: 1000px; text-align: justify; border: 1px solid yellow; } IE에서는 중앙정렬이 잘 되는데.그런데 어째선지 크롬이나..
- [ HTML ][ CSS ] 중앙정렬을 손쉽게 margin: auto
-
- HTML문서에 CSS를 사용하는 방법
-
spWony by spWony|2012/04/20 16:46
HTML문서에 CSS를 사용하는 방법은 3가지가 있습니다.외부 스타일 시트(External Style Sheet) 내부 스타일 시트(Internal Style Sheet) HTML태그내에 스타일 지정(Inline Styles)외부 스타일 시트(External Style Sheet)css라는 확장자를 가진 스타일 시트..
- HTML문서에 CSS를 사용하는 방법
-
- tistory] 소셜댓글 css..
-
killofki's PageDown.... by killofki|2012/04/04 13:07
1) 티스토리 플러그인중에 "소셜댓글 LiveRe"라는 서비스가 있습니다. 2) 소셜댓글 서비스와 Daum view 서비스를 함께(?) 설치하면, Daum view 아래에 소셜댓글 서비스가 바짝(?) 붙어있는 모습이 보이는데요. 3) 요거 간격 띄우는 건, RSS 에 .liver..
- tistory] 소셜댓글 css..
-
- CSS | font-family
-
Misoogi Style by Misoogi|2012/04/03 11:12
font-family라는 속성으로 HTML 문서의 글꼴을 지정할 수 있다.font-family: | ; family-name글꼴 이름을 적어 지정한다. 예를 들어 Georgia라는 글꼴을 사용하고 싶으면font-family: Georgia;라고 한다. 만약 글꼴 이름에 띄어 쓰기가 있으면 큰 따옴표로 묶어준다.font-f..
- CSS | font-family
-
- [CSS] text박스 높이조정, img 와 텍스트 높이 조정, 말줄임표 사용
-
Misoogi Style by Misoogi|2012/04/02 15:19
1. input type=text 의 높이 1) height 사용 : height = 25 2) padding 사용 : padding:5px 3) height 와 line-height 동시 사용 : height 에 준 값 만큼 line-height 에 지정 2. img 와 텍스트 높이 맞추기 vertical-align:top, vertical-align:middle, vertical-al..
- [CSS] text박스 높이조정, img 와 텍스트 높이 조정, 말줄임표 사용
-
- [CSS] 스크롤과 상관없이 브라우저 특정위치에 레이어 고정하기
-
Misoogi Style by Misoogi|2012/04/02 15:16
사이트 상에서 배너나 레이아웃을 고정시키고자 할 때, 사용하면 좋다. #quickLink { position:fixed; _position:absolute; left:800px; top:200px; width:100px; height:300px; background:#CCC;} < /style> 배너 또는 퀵링크 위치 * IE 6.X 이하에서는 동작하지..
- [CSS] 스크롤과 상관없이 브라우저 특정위치에 레이어 고정하기
-
- css - id / class / background / text
-
베짱이는 장래희망 by 1heejin|2012/03/15 21:59
What is CSS?CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets are stored in CSS fil..
- css - id / class / background / text
