세상과 연결

Vertical Navigation Bar 수직 탐색 모음을 만들려면 위 코드와 함께 목록 안의 요소의 스타일을 지정할 수 있습니다. li a { display: block; width: 60px;} Home News Contact About A background color is added to the links to show the link area.Notice that the whole link area is clickable, not just the text. HomeNewsContactAboutA background color is added to the links to show the link area.Notice that the whole link area is clickable, not j..

Navigation Bars 사용하기 쉬운 탐색 기능은 모든 웹 사이트에서 중요합니다. CSS를 사용하면 지루한 HTML 메뉴를 멋진 탐색 모음으로 변형 할 수 있습니다. 탐색 모음 = 링크 목록탐색 모음에는 표준 HTML이 기본으로 필요합니다. 이 예제에서는 표준 HTML 목록에서 탐색 모음을 작성합니다. 탐색 바는 기본적으로 링크 목록이므로 및 요소를 사용하면 완벽하게 이해할 수 있습니다. 예 Home News Contact About Home News Contact About Note: We use href="#" for test links. In a real web site this would be URLs. HomeNewsContactAboutNote: We use href="#" for tes..

CSS 투명한 호버 효과 투명한 호버 효과이 opacity속성은 종종 :hover 마우스 오버시 불투명도를 변경하기 위해 선택기 와 함께 사용됩니다 . 예img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */} img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */} Image TransparencyThe opacity property is often used together with the :hover selector to change the opacity on mouse-over: Note: In IE, a !DOCTYPE must be a..

CSS 불투명도 / 투명성 이 opacity속성은 요소의 불투명도 / 투명도를 지정합니다. 투명한 이미지이 opacity속성은 0.0 - 1.0의 값을 가질 수 있습니다. 값이 낮을수록 투명합니다. 불투명도 0.2불투명도 0.5불투명도 1 참고 : IE8 및 이전 버전이 사용 filter:alpha(opacity=x)됩니다. x는 0 - 100의 값을 취할 수 있습니다. 값이 낮을수록 요소가 더 투명 해집니다. 예img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */} Image TransparencyThe opacity property specifies the transparency of an element. The lower ..

CSS 레이아웃 - position: relative; 속성 position: relative; 의 요소 position: relative;는 그 통상의 위치에 상대적으로 배치됩니다. 상대적으로 배치 된 요소의 위쪽, 오른쪽, 아래쪽 및 왼쪽 속성을 설정하면 해당 요소가 정상 위치에서 벗어나 조정됩니다. 다른 콘텐츠는 요소가 남긴 모든 틈에 맞춰 조정되지 않습니다. 이 요소의 위치는 relative입니다.다음은 사용 된 CSS입니다. 예div.relative { position: relative; left: 30px; border: 3px solid #73AD21;} position: relative; An element with position: relative; is positioned relativ..

CSS 레이아웃 - 너비와 최대 너비 너비, 최대 너비 및 여백 사용 : 자동; max-width and margin: auto; 앞 장에서 언급했듯이. 블록 레벨 요소는 항상 사용할 수있는 전체 너비를 사용합니다 (가능한 한 왼쪽과 오른쪽으로 뻗어 있음). width블록 수준 요소를 설정하면 해당 요소의 가장자리까지 확장되지 않습니다. 그런 다음 여백을 auto로 설정하여 요소를 해당 컨테이너 내에 가로로 가운데 놓을 수 있습니다. 요소는 지정된 너비를 차지하며 나머지 공간은 두 여백 사이에서 균등하게 분할됩니다. 이 요소의 폭은 500px이고 여백은 auto로 설정됩니다. 참고 : 브라우저 창이 요소의 너비보다 작은 경우 위와 같은 문제 가 발생합니다. 그런 다음 브라우저는 페이지에 가로 스크롤 막대..

ftp_site - 서버에 SITE 명령을 보냅니다. 설명 ¶ bool ftp_site ( resource $ftp_stream , string $command )ftp_site () 는 주어진 SITE 명령을 FTP 서버로 보냅니다. SITE 명령은 표준화되지 않았으며 서버마다 다릅니다. 파일 사용 권한 및 그룹 구성원 자격을 처리하는 데 유용합니다. 매개 변수 ¶ ftp_streamFTP 연결의 링크 식별자입니다. commandSITE 명령. 이 매개 변수는 이스케이프 처리되지 않으므로 공백 및 다른 문자가 포함 된 파일 이름에 문제가있을 수 있습니다. 반환 값 ¶ 반환 값 TRUE성공 또는 FALSE실패. 예 ¶ Example # 1 FTP 서버에 SITE 명령 보내기

CSS Links 스타일 링크링크는 모든 CSS 속성 (예와 스타일 수 color, font-family, background등). 예a { color: hotpink;} This is a link 또한 링크의 상태 에 따라 다르게 스타일을 지정할 수 있습니다 . 네 개의 링크 상태는 다음과 같습니다. a:link - 정상적인 방문하지 않은 링크a:visited - 사용자가 방문한 링크a:hover - 사용자가 마우스를 올려 놓을 때의 링크a:active - 클릭 한 순간의 링크 예/* unvisited link */a:link { color: red;} /* visited link */a:visited { color: green;} /* mouse over link */a:hover { color: h..

CSS Links Text Decoration 이 text-decoration속성은 주로 링크에서 밑줄을 제거하는 데 사용됩니다. 예a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: underline;} a:active { text-decoration: underline;} This is a linkNote: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.Note: a:active MUST come after a:hover in the CSS definition in ..

CSS Links 배경색 background-color속성은 링크에 대한 배경 색상을 지정하는 데 사용할 수 있습니다 : 예a:link { background-color: yellow;} a:visited { background-color: cyan;} a:hover { background-color: lightgreen;} a:active { background-color: hotpink;} This is a linkNote: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.Note: a:active MUST come after a:hover in the CSS definition in ..