.ellipsis{width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;}
참고 사이트 링크, 링크(JQuery 플러그인)
| [CSS] div 둥근 테두리 만들기 (0) | 2013.08.30 |
|---|---|
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
※ CSS3 에서만 사용가능한 코드이다.
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
|
둥근 테두리 만들어주는 사이트 |
| [CSS] 텍스트 말줄임표 (0) | 2015.03.11 |
|---|---|
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
| [CSS] 텍스트 말줄임표 (0) | 2015.03.11 |
|---|---|
| [CSS] div 둥근 테두리 만들기 (0) | 2013.08.30 |
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
| [CSS] div 둥근 테두리 만들기 (0) | 2013.08.30 |
|---|---|
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
| [HTML] DOM이란?(수정) (0) | 2013.07.19 |
반투명 로딩 레이어를 만드려다가 많은 난관에 부딫히게 되었다.
이 중 크로스 브라우저(어떤 브라우저든지 상관없는?)로 사용하기 위하여 opacity 속성이 여러가지 있었다.
filter: alpha(opacity=50);
IE 10 이하
-khtml-opacity:0.5;
khtml, old safari
-moz-opacity:0.5;
mozilla, netscape
opacity:0.5
IE 10, fx, safari, opera
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
|---|---|
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [HTML] DOM이란?(수정) (0) | 2013.07.19 |
| [HTML] 특징, 구성요소, 기본구조 (0) | 2013.06.26 |
HTML의 기본적인 구조를 다음과 같은 트리형태로 나타낼 수 있다.
(P는 저렇게 되는게 맞는건지...)
이런 구조를 가진 속성(노드)들에 접근하기 위하여 DOM API를 사용한다.
괄호안에 노드라고 적어놓았는데 노드는 COM 트리를 이루고 있는 가장 기초적인 단위로 최상위 노드를 시작으로 부모 노드와 자식 노드를 가질 수 있다.
<html> <head> </head> <body> <h1 id="id1">test</h1> </body> </html>
document.getElementById("id1").setAttribute("color", "#e2e2e2");
document = 현재 문서
getElementById() = 인자로 넣어준 값이 id인 객체를 반환한다.
setAttribute() = 속성을 변경한다.
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
|---|---|
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
| [HTML] 특징, 구성요소, 기본구조 (0) | 2013.06.26 |
HTML(HyperText Markup Language)
→ world wide web에서 사용하는 Markup 언어.
1. 특징 : 웹문서의 표준, 마크업 언어, ASCII로 구성된 일반적인 텍스트 파일, 시스템이나 운영체제에 독립적
대소문자 구분 X, 2칸이상 공백은 의미 없음(모두 1칸)
2. 구성요소
요소(Elements) : 시작과 종료를 나타내는 태그로 이루어진 모든 명령어
<title> 제목 </title>
태그(Tag) : '<'와 '>'로 둘러싸인 요소의 일부
<title> 제목 </title>
속성(Attributes) : 요소의 시작태그 내에 사용하며, 명령어를 구체화 시키는 역할
<img src = "주소">
변수(Arguments) : 속성과 관련된 값
<font size = "3">
3. 기본구조
<HTML> <!-- HTML 문서의 시작 -->
<HEAD> <!-- HTML 문서의 설명(title, meta, link, script 등) -->
<TITLE> 기본구조 </TITLE>
</HEAD>
<BODY> <!-- HTML 문서의 본문 -->
본문내용
</BODY>
</HTML> <!-- HTML 문서의 끝 -->
| [HTML] html RFC 한글 번역 (0) | 2013.08.20 |
|---|---|
| [HTML] 한글 번역문 HTML 4.01 (0) | 2013.08.20 |
| [CSS] Opacity 투명도 조절하기 (0) | 2013.08.09 |
| [HTML] DOM이란?(수정) (0) | 2013.07.19 |