Source (1626) 썸네일형 리스트형 CSS 레이아웃 개념 정리, display CSS 레이아웃 개념 정리, display exam.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> span { display:block; background:orange; } h3 { display:inline; } a { display:none; } /* 첫번째 태그 ul li 태그를 지정한다.*/ #list1 li { display:inline; width:100px; } 안녕하세요. 홍길동입니다. 안녕하세요. 홍길동입니다. 링크입니다. 마지막입니다. 항목1 항목2 항목3 항목4 항목5 항목6 항목7 항목8 결과 CSS 마우스:hover,visited,focus CSS 마우스:hover,visited,focusexam.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> /* hover - 마우스가 올라가 있는상태를 가르킨다.*/ a:hover { color:#ccff66; } /* visited - 이미 클릭한 링크 상태를 가르킨다.*/ a:visited { color:black; } a { color:black; font-size:12px; text-decoration:none; } a:hover{ color:#00ff33; /*font-size:20px;*/ text-decoration:un.. CSS Background image:url, repeat, position CSS Background image:url, repeat, positionexam.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #txt1, #btn1 { background-color:black; color:white; font-weight:bold; } #search { /*background-image:url(images/sp_fms.gif);*/ /*background-repeat:no-repeat;*/ /*가로는 가운데 세로는 현재위치(0)*/ /*background-position:center -18px;*/ /*bac.. CSS 결합자, 배경, 동적 생성자 그림설명 : selector CSS 결합자, 배경, 동적 생성자 그림설명 : selector DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> /* 구체적으로 태그를 선택 할수 있다 최상위 직계자식인 녀석만 구분자 > 이것으로 구분한다.*/ div > a { font-size:30px; } 네이버 네이버2 IIS서버 IP로 접근할때 HTML 치킨 사이트 예제 HTML 치킨 사이트 예제 new document 교촌시리즈 교촌윙 가격 : 15,000 쫄깃하고 고소한 짠맛이 묻어있는 날개와 봉의 멋진 조화! 교촌 스틱 가격 : 15,100 짠맛과 살맛이 어우러진 고소한 다리 치킨! 교촌 오리지날 가격 : 15,200 담백하고 짠맛이 어우러진 한마리 치킨! 교촌 콤보 가격 : 15,400 선호도가 있는 날개와 다리의 행복한 만남! 호프(Beer) 가격 : 15,500 깔끔하고 맛깔스런 교촌치킨에 시원한 맥주 한 잔을 곁들이시면 더욱 좋습니다. SOURCE.HTML new document 교촌시리즈 교촌윙 가격 : 15,000 쫄깃하고 고소한 짠맛이 묻어있는 날개와 봉의 멋진 조화! 교촌 스틱 가격 : 15,100 짠맛과 살맛이 어우러진 고소한 다리 치킨! 교촌 오리.. CSS 내장스타일, 외부스타일 참조, 인라인시트 CSS 내장스타일, 외부스타일 참조, 인라인시트 exam.html DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> /* 1. 내장스타일(imbaded) 형식, 여러 요소를 동시에 변경할때 사용하는것 정식적으론 head 태그안에 기재하도록한다. 문선안에 모든 div 태그를 bold체로 변경 장점 : 재활용성이 인라인보다 뛰어나다 단점 : 가독성은 외부 스타일보단 떨어진다. */ div { font-weight:bold; } 1 2 3 4 5 6 결과 HTML 테이블(TABLE) 태그 예제(연습) HTML 테이블(TABLE) 태그 예제(연습) table 구조 table 구조 td { color:orange; } 테이블 구조 1 6 7 12 13 14 15 17 19 22 24 이전 1 ··· 199 200 201 202 203 204 다음
