반응형

프로그래밍 정리/Html5 7

[Html5] CSS3와 브라우저 접두사(prefix)

CSS3와 브라우저 접두사(prefix)- CSS3 표준 규약이 완성되지 않아 브라우저들이 새로운 CSS3 속성을 부분적으로만 구현할 수 있기 때문에, 대부분의 CSS3 속성을 사용하려면 속성 이름 앞에 브라우저를 식별할 수 있는 접두사(prefix)를 붙여서 사용 예제-webkit-column-count:3; /* 사파리와 크롬 브라우저용 속성 */ -moz-column-count:3; /* 파이어폭스 블라우저용 속성 */column-count:3; /* 표준이 정해진 뒤 사용하게 될 속성 */ 브라우저 접두사 접두사 설명 -webkit- 웹키트 방식 브라우저용(사파리, 크롬 등) -moz- 게코 방식 브라우저용(모질라, 파이어폭스 등) -o- 오페라 브라우저 -ms- 마이크로소프트 인터넷 익스플로러

[Html5] 가상 클래스 - :link, :visited, :active, :hover 등등

==============================================================================링크와 관련된 가상 클래스 선택자- 링크는 사용자에게 보일 때는 링크가 걸린 텍스트나 이미지일 뿐이지만, 실제로 링크에는 링크 위로 마우스를 올려놓았을 때나 링크를 클릭했을 때처럼 여러 가지 상황들이 존재- 눈에 보이지는 않지만 링크와 관련해서 정의해야할 선택자들 :link 선택자 - 문서 안의 하이퍼링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용- 링크의 밑줄을 없애거나 색상을 바꾸려고 할 때 :link 선택자를 사용 ex) a:link { color:black; text-decoration:none; } :visited 선택자 - 링크 중에서 한 번..

[Html5][style] 선택자, 속성 선택자

선택자- 속성이 어디에 적용되는지 표시한다고 하여 선택자라 함선택자 내용 형식(예제) 전체 선택자 - 모든 요소를 대상으로 스타일을 적용할때 사용 *{ margin:0; padding:0;} =>모든 요소에 스타일 적용 태그 선택자 - 문서 안의 특정태그에 스타일이 모두 적용 - 태그 { 속성:속성값; 속성:속성값; .... } p{ font-size:12px; font-family:"돋움";} =>태그를 사용하는 부분,즉 텍스트 단락의 스타일을 지정글자 크기(font-size)를 12픽셀글꼴(font-face)를 '돋움' 클래스 선택자 - 특정 부분에만 스타일 적용- 같은 태그라도 어떤 곳에서는 다른 스타일을 적용해야할 경우 - 클래스 이름 앞에 반드시 마침표(.)를 붙여야함- .클래스 이름 { 속성:..

[Html5] '<input>태그' - type 속성

type 속성 키워드 설명 hidden 보이지는 않지만 서버로 넘겨지는 값을 가진 필드 text 한 줄짜리 텍스트 입력가능한 텍스트 상자 search 검색 상자 tel 전화번호 입력 필드 url URL 주소 입력 필드 email E-Mail 주소 입력 필드 password 비밀번호 입력 필드 number 숫자 조절 화살표 range 숫자 조절 스라이드 막대 color 색상표 checkbox 체크박스 radio 라디오 버튼 datetime 국제표준으로 설정된 날짜와 시간 관련 datetime-local 사용자가 있는 지역 기준 날짜와 시간 date 사용자 지역 기준 날짜(연, 월, 일) month 사용자 지역 기준 날짜(연, 월) week 사용자 지역 기준 날짜(연, 주) time 사용자 지역 기준 시간(..

[Html5] object 매개변수 종류

매개변수 설명 FileName 재생할 파일의 경로 지정 AutoSize 플레이어 크기를 고정할지 지정 AutoStart 자동 재생할지 지정 AutoRewind 음악이나 동영상의 재생이 끝난 후 자동 되감기 할 것인지 지정 ClickToPlay 값을 1로 지정하면 재생 버튼을 클릭해서 재생, 한 번 더 클릭시 일시 정지 Enabled 기능 버튼을 사용할지 지정 ShowTracker 재생되는 상황을 트래커에 슬라이드로 보여줄지 지정 EnableTracker 트래커에서 슬라이드 바를 사용할지 지정 EnableContextMenu 마우스 오른쪽 버튼을 클릭했을 때 바로가기 메뉴가 나타나게 할지 지정 ShowStatusBar 컨트롤 바 아래에 상태 바를 표시할지 지정 ShowControls 컨트롤 바를 표시할지 ..

반응형