HtmlCss/CSS20 Css - 의사 클래스 보통글자 사이트명 사이트명 안녕하세요 의사 클래스 클래스가 정이된 것처럼 간주되어 처리되는 것 셀렉터:의사클래스명 { 스타일 정의 } 의사 클래스 명 셀렉터:link ==> 방문한 내역이 없는 링크 걸린 부분에 스타일을 적용한다. 셀렉터:visited ==> 방문한 내역이 있는 링크 걸린 부분에 스타일을 적용한다. 셀렉터:hover ==> '셀렉터'에 해당하는 요소에 마우스 커서가 놓였을 때 스타일을 적용한다. 셀렉터:active ==> '셀렉터'에 해당하는 요소를 클릭하는 순간 스타일을 적용한다. 그외 text-decoration의 기능으로 밑줄을 없애거나 밑줄을 생성할 수 있다. text-decoration: none; / underline; 2019. 5. 25. CSS - Font 명령어 .title{ color:blue; font-size:15p; font-family:궁서체; font-weight: bold; } .detail{ color:red; font-size:20p; font-style:italic; } Class에 title값과 detail값을 줌으로써 글씨 사이즈와 글씨체,기울기 를 설정한다. font- weight - 글씨 굵기 font- size - 글씨 사이즈 font-style - 글씨 기울임 font-family - 글씨 체 2019. 5. 25. CSS-셀렉터 내부 css의 기본 형식 셀렉터 {스타일속성:값; 스타일속성2:값; ....} - 셀렉터 : 문서에서 스타일을 적용할 대상을 선택하는 명령 -셀렉터의 종류 1. * : 모든 엘리먼트를 의미한다. * {font-size:15pt; color:rgba(92, 76, 165, 0.808);} 2. 태그명 { 스타일 정의 } div { color:bisque; font-size:30pt;} p {color:burlywood; font-family:궁서체; font-size:20pt;} 3. 태그명.class속성값 {스타일 정의} ==>지정한 '태그명'에 해당하는 요소들 중에서 class속성의 속성값이 'class속성값'과 일치하는 곳에 스타일을 적용한다. div.test{color:blanchedalmond; .. 2019. 5. 25. CSS CSS(Cascading Style Sheet) 문서의 장식(스타일)을 정의한다. (글꼴, 색, 크기등을 설정한다.) -문서에 CSS를 적용하는 방법 1. 인라인 CSS 태그에 style속성을 사용해서 태그에 직접 CSS를 지정하는 방법 내용 2. 내부 CSS HTML문서 안에 3. 외부 CSS 스타일을 정의한 파일을 따로 만들고 이것이 필요한 문서에서 이 파일을 읽어와 스타일을 적용하는 방법 여러개의 HTML문서에서 동일한 스타일을 적용할 때 사용한다. (외부스타일문서의 확장자는 '.css'로 한다.) 파일명.css ==> 예: mystyle.css 외부 CSS 파일을 읽어와 문서에 적용시키는 방법 태그의 하위 태그인 태그를 사용한다. s 외부 CSS 적용하기 /*외부 CSS파일은 확장자가 .css로 .. 2019. 5. 25. 이전 1 2 3 4 5 다음
