lang 514

슈도클래스(Pseudoclasses)

슈도클래스를 이용하면 html에 기본으로 들어 있지는 않지만 웹브라우져에서는 지원이 되는 부가적인 속성을 만들어 낼 수도 있다. 예를 들어, 태그는 link, active, visited 속성이 없다. 하지만 실제 웹브라우져는 링크의 상태에 따라 다른 색깔을 보여주고 있다. 그래서 다음과 같이 슈도 클래스를 정의할 수 있다. 콜론( : )을 사용 a:link{color: blue} a:visited{color:red} a:active{color: white} 이렇게 하면, 방문하지 않은 링크는 파란색, 방문한 링크는 빨간색, 링크를 클릭하면 하얀색으로 바뀝니다. 자주 쓰는 활용을 하나 예로 들어 보면, 링크에 밑줄이 없는데 마우스 포인터를 위로 가져가면 색깔이 바뀌면서 밑줄이 생기는 것이 많이 쓰이는데,..

lang/css 2006.09.22

.css file include

.css 파일은 html의 'link'를 이용해서 html 문서와 연결할 수 있다. 는 html 문서의 안에 두어야 한다. 'type' 은 mime 형식(css의 경우 text/css)을 지정하는데, css를 지원하지 않는 브라우저에서는 이것을 무시할 수 있도록 해준다. 'media'는 css가 적용될 매체를 지정할수있다. print 인쇄 screen 화면 출력 projection 프로젝터 출력 braille 점자출력 aural 음성 출력 all 모든 매체에 대한 출력 여러 매체를 지정할 때에는 쉼표를 사용하거나 'all'을 사용한다. rel은 html문서와 연결된 파일 사이의 관계를 정의한다. 위의 보기는 현재문서가 'sam.css'파일에 의해 모든 style sheet가 설정되어 있음을 보여준다. 위..

lang/css 2006.09.22

연결(Link)

W3C Web site는 만 가질수 있고, 는 만 가질수 있다.는 를 포함할수 없다.name=cdata, id=cdata 다른 연결과 구별된다는 것을 의미 (ASCII글자만 사용가능)href=uri 웹 자원을 활성화 할 때 연결해야 할 앤커의 위치(source)의 지정hreflang=langcode href가 지정 된 경우에 한해, href로 지정 된 자원의 기초 언어를 지정type=content-type 연결되 내용의 content tyype에 대한 안내적(advisory) 힌트(hint)제공rel=link-types 현재문서와 href로 지정된 앤커와의 관계를 지정rev=link-types 지정된 앤커로 부터 뒤로연결(reverse link)을 기술charset=charset 연결이 지정 한 자원의 ..

lang/html 2006.09.22

테두리(border)와 줄(rule) & 수평정렬과 수직정렬

테두리(border)와 줄(rule) frame= void(디폴트) | above(위) | below(아래) | hsides(상하) | vsides(좌우) | lhs(좌) | rhs(우) | box(모두) | border(모두) rules=none(디폴트) | groups(thead등) | rows(열) | cols(컬럼) | all(모두) 수평정렬과 수직정렬 align=left(좌) | center(중앙) | right(우) | justify(양쪽) | char(지정글자 기준) valign=top(위) | middle(중간) | bottom(아래) | baseline(첫번째 텍슽라인) char=character ( 이기능은 브라우즈가 지원하지 않을수 있다. ) charoff=length ( 첫번째 정렬..

lang/html 2006.09.22
반응형