CSS3 강의/웹학교 (41) 썸네일형 리스트형 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: CSS 6. Text (css로 text를 꾸미는 방법) color:- hexadecimal colors - RGB colors- RGBA colors color:rgba(255,0,0,0.3); background-color:rgba(255,0,0,0.3); //0 ~ 1- HSL colors- HSLA colors- Predefined/Cross-browser color names TEXT Alignment: - text-align:left; - text-align:right;- text-align:justify; TEXT-DECORATION: - text-decoration:none; a {text-decoration:none;}- text-decoration:over-line;- text-decoration:line-through;- text-decor.. CSS 5. Backgrounds (색과 이미지를 배경으로 처리하는 방법) - background-color:- background-image:- background-repeat:- background-attachment:fixed- background-position: - background: CSS 4. How to (css를 웹페이지에 반영하는 방법과 css의 우선순위) CSS 3. Selectors (html 엘리먼트, 아이디, 클래스) CSS 2. Syntax (CSS를 기술하는 방법) 이전 1 2 3 4 5 6 다음