본문 바로가기

전체 글

 (233)
CSS Popup Box - Javascript Free
popup 1 (HTML, CSS & JS : Creating quick, simple popup boxes)
CSS 12. Border (엘리먼트의 border) BORDER-STYLE: - none - dotted - dashed - solid - double - groove - ridge - inset - outset
CSS 11.Box Model padding: 5px 5px 5px 5px; /* 상, 우, 하, 좌 */padding: 5px 5px 5px; /* 상, 우좌, 하 */ padding: 5px 5px; /* 상하, 좌우 */
CSS 10.Tables (css로 표를 꾸미는 방법) table {table-collaps:collaps;}table, th, td {border: 1px solid black; // 선굵기, 선형태 solid,dotted,dashed 선색갈background-color:green;color:white; // 글자색}td {height:50px;text-align:center,right,left;vertical-align:bottom,top,padding:15px;padding:10px 15px 10px 15px} // 상 우 하 좌
CSS 9. Lists (ul, ol 등 목록의 아이템 마커를 다루는 방법) ul {list-style-type:circle;}ul {list-style-type:square;}ol {list-style-type:upper-roman;}ol {list-style-type:lower-alpha;}ul {list-style-image:url('square.gif'); } ※ upper: 대문자, lower: 소문자 ※ 각 브라우저별로 다르게 표시되는 것을 아래와 같은 방법으로 같게 만들어 준다 (crossbroser solution)
CSS 8. Links ( link, visited, hover, active) a:link {color:#ffoooo;color:red;text-decoration:none;}a:visited {color:#00ff00;color:red;text-decoration:underline;}a:hover {color:#ff00ff;}a:active {color:#0000ff;} ※ link,visited,hover,active 순서가 바뀌면 동작이 제대로 실행되지 않는다
CSS 7. Fonts (폰트의 종류 및 크기 등을 지정하는 방법) FONT-FAMILY: FONT-STYLE: - normal; - italic; - oblique; FONT-SIZE:- px;-em;30px = 1.875em //16px = 1em FONT-WEIGHT: FONT-VARIANT:

티스토리툴바