프런트 엔드 기술

오래 전에 본 Ytzong의 적응형 입력란의 "폭"이이 기사, 기분이 매우 좋은, 매우 상세한, 유이 격자 결정 폭, 콘텐츠 결정 높이 실제로 매우 실용적입니다. 개인적으로 생각 Ytzong이이 메서드는 두 개의 매우 곤란: < b >< b >< 입력 유형 = "텍스트" >< 2 층 B 레이블; 설정할 필요가 /b >< / b > 수식:. 유체-입력-내부 {패딩-장비...

IE 브라우저에서 둥근된 모서리의 효과 달성 하고자 하는 경우 우리가 일반적으로 등심 그림의 방법 채택. 　　사진, 기본은 많은 브라우저, 관계의 모든 브라우저가이 방식을 지원 하기 때문에. 우리는 주로 경우 필렛 효과 CSS 3 스타일 시트를 사용 하 여, 그것은 주목할 만한 세 가지 IE 브라우저 버전의 i e 6/7/8 CSS 3만 덜 구문 분석을 지원 하지 않는 설명이 기사 메인스트림 IE 9 지원 HTML 5와 CSS 3 표준을 합니다. 아래 설명 된 대로 IE CSS 3를 지원 하기 위해 사용할 수 있는 메서드를 구문 분석의 많은 유형이 있다.

절대 위치와 상대 위치 사용 위치: 위치: 절대 구문: < div 스타일 위치: 절대; 왼쪽: 100px; 가기: 100px"= >< / Div > 상황 1의 다음과 같은 두 가지 종류, 위쪽, 오른쪽, 아래쪽, 왼쪽, "콘텐츠 영역 원래 포인트"의 상위에 따라 기본 상황의 원래 지점 2로 설정 하지 않은, 설정...

/ * 값 더 큰, 더 불투명/img {불투명도:. / * 표준: FF GT 1.5, 오페라, 사파리 / 필터: 알파 (불투명도 = 75); / * IE LT 8 * *-ms-필터:...

텍스트-정렬의 응용 프로그램에 관해서는: 센터 다른 브라우저에서이 종이 IE7, IE8, IE9, 아래 다양 한 디스플레이 설명 하 고 IE8 디스플레이의 왼쪽된 측면의 문제를 해결. I e 7와 일부 브라우저에서 요소 및 요소 내에서 텍스트 중심. IE8, IE9, 등 일부 브라우저에서는 텍스트 요소 내에 중심으로 해석 됩니다. 예를 들면: < div 스타일 = "국경: 1px 단단한 빨강;" 높이: 150px; wid...

DIV + CSS Div 그 당시 몇 년 동안 + css 매우 매력적인 조합의 쌍은를 사용 하 여 DIV + CSS 웹 페이지를 만들 사람들이 종종 손가락에 의해 칭찬 합니다. 오늘, Div + css의 언급에도 불구 하 고 있을 것입니다 많은 사람들이 열정, 하지만 그의 머리를 흔들 것 이다: Div + css 모든 것, 어떤 사람들 "신화" 라고! 창조 신화는 CSS, div + css. 난 문제를 해결 하는 시간 이다. 각 라벨을 사용 하 여 CSS의 본질이입니다. 맹목적으로 존경 받는 div + css만에 작은 흰색 실수 하 게 됩니다...

주요 문법 호환 문제, CSS를 쓰기 요약 CSS 파이어 폭스 브라우저와 IE 브라우저 코드의 호환성, 코드, 호환, 다른 다양 한 브라우저 버그, 보고, 몇 가지 도움말을 보낼 아마도 유용. CSS 팁 1 div 수직 센터 문제 수직 정렬: 중간; 전체 Div 라인으로 높은 줄 간격 증가-높이: 200px; 다음 텍스트를 삽입 하 고 수직 센터. 단점은 콘텐츠를 제어 하는 라인을 변경 하지 마십시오...

스타일 시트를 브라우저 형식에 따라 HTML 문서를 읽을 때 스타일 시트를 삽입 하는 방법. 스타일 시트를 삽입 하는 방법은 3 가지: 외부 스타일 시트는 스타일 많은 페이지에 적용할 때 이상적인 선택입니다. 외부 스타일 시트 파일을 변경 하 여 전체 사이트의 모양을 변경할 수 있습니다. 각 페이지는 < 링크 > 태그를 사용 하 여 스타일 시트에 연결 됩니다. (문서) 머리에 < 링크 > 태그: < 머리 >< 링크 확인해...

지금 시대를 입력 했습니다 web2.0, 사이트도 점차 표준화 되, 시작 사이트 소스 코드 가장 표준 div + css 디자인을 따를. 우리 테이블을 사용 하 여 새로운 연구를 시작 하는 코드의 사이트를 확인 하는 데 사용, 이것은 CSS의 최근 연구 노트의 경험의 일부 이후, 초보자는 큰 도움을 제공할 수 있습니다 하는 것이 좋겠다. 속기 우리 현재 CSS 수식 Wubi에서 중국어에 대 한 매우 편리 하다, 아니다 확실히 외국인 상상할 수 있는. 웹 사이트 과정, 자주 사이트를 수정 하 고 서식 파일 및 서식 파일...

자동 숨기기 구문을 CSS 자습서 텍스트 오버플로: 오버플로: 표시 | 자동 | 숨겨진 | 스크롤 표시:: 콘텐츠를 잘라 하지 않으며 스크롤 막대를 추가. 이 기본 값으로 명시적으로 선언 하는 개체 창이 나 개체를 포함 하는 프레임의 크기에 클리핑됩니다. 그리고 클립 속성 설정이 실패 합니다. 자동:이 몸 개체 및 Textrea에 대 한 기본값입니다. 콘텐츠를 잘라내어 숨겨진 필요할 때 스크롤 막대를 추가: 개체 보다 더 많은 표시 되지 않습니다...

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">< html xmlns =" http://www.w3.org/1999/xhtml...

다음은 디자인 예제 코드의 입력된 상자 배경이 많은 친구 달라고 어떻게 입력된 상자 css의 배경을 설정 하는 CSS를 자습서, 나 오 관련 예제를 발견 하는 오늘. <! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / en" Http://www.w3.org/tr/xhtml1/dtd/xhtml1-transi...

이 문서에서는 설명 합니다 div CSS id에서와 클래스 사용 원칙, 이전 기사에서 설명한 div css 레이아웃 기술의 많은, CSS를 사용 하 여 레이아웃을 제어 하는 우리는 페이지의 문제를 발생할 수 있습니다: 속성을 정의할 때 ID, 또는 사용 하 여 클래스의 사용은? 　　여기 고 설명,이 소개 하면 일부 수확 하는 것이 믿습니다. 이전 문서 51cto.com에 ID와 클래스 사용 원칙에 Div CSS div css 레이아웃 기법을 많이 설명합니다. C의 사용에...

이 기사 하 고 학습 하는 방법에 초점 Div + css 웹 페이지를 확인 하는 방법 웹사이트를 확인 하는 방법은 어떻게? 내가 생각에 그냥 웹 표준 문의 하는 사람 같은 질문을 물어볼 것입니다 그리고 난 내 경험에의 하면 그들을 요약 하는 것입니다. 　　Div + css 웹 페이지를 만드는 배울 많이 연락 하는 방법 사람들이 요청, 웹 페이지를 만드는 웹 표준을 배워야 어떻게? 내가 생각에 그냥 웹 표준 문의 모든 사람이 질문을 물어볼 것입니다 그리고 내 경험에의 하면 그것을 요약 하는 것입니다. 1. 사용 하지 않는 맹목적으로 DW 및 디자인 웹 페이지를 다른 도구를 함께 (X) HTML 언어 및 C...

당신은 CSS에서 배경 위치 속성의 사용의 인식 그리고 여기 당신과 함께 공유 하 위치이 속성은 영향을 받지 않습니다 개체의 패치 (패딩) 속성 설정. 　　기본값은: 0% 0%, 배경 그림 개체 패치 (패딩) 불포함 콘텐츠 영역의 왼쪽 위 모퉁이에 배치 됩니다. CSS 배경 위치 속성 설명 집합 또는 개체의 배경 이미지의 위치를 검색 합니다. 배경 이미지 속성을 먼저 지정 해야 합니다. 이 속성을 찾습니다.

여기에 HTML DOM 디스플레이 속성 정의 및 사용 설명, HTML DOM 디스플레이 속성 요소 덩어리-레벨 요소로 표시할 때이 속성 값은 none, 즉 요소는 표시 되지 않습니다, 그리고 블록을 나타냅니다 요소가 표시 되는 방법을 설정 하는 데 주로 사용 됩니다. 　　이 요소는 줄 바꿈 문자 앞에. 　　HTML DOM 디스플레이 속성 정의 그리고 사용이이 속성은 요소가 표시 되는 방법을 설정 하려면 주로 사용 된다. 문법: Object.style.display...

DIV + CSS 웹 페이지 레이아웃, 웹 표준 웹 사이트, 몇 가지 문제를 표시 하기 쉬운의 생산의 응용 프로그램. 이제 요약 문제는 거기 볼 수 있습니다. 첫째, 문제 CSS의 확인 웹 페이지 설계 된 XHTML 표준, CSS는 컨소시엄의 검증을 통해 것으로 예상 된다. 일부 CSS2.0 체크섬을 통과 하지 못했습니다, 주요 체크섬 오류: "선: 0 글꼴-가족: 종의 가족의 마지막 선택으로 지정할 것이 좋습니다는" "권장 글꼴 정의 합의 마지막으로 글꼴의 범주에서 매듭...

비해 전통적인 테이블 레이아웃 및 프레임 레이아웃, div + css 레이아웃 쉬운 레이아웃, 편리한, 유연한 스타일 정의 간단 하 고 명확한 HTML 코드 개정과 쉬운 자바 스크립트 조작의 이점이 있다. 같은 시간에 몇 가지 초보자를 위한 항상 발생 하는 문제, div의 폭 또는 높이 계산 문제 등의 다양 한. Div 너비 또는 높이 영향을 주는 특성을 탐구 하자. div 폭 = 폭 + 패딩 + 테두리 여백 한 수식에서만...

이 문서 수집 3 CSS 자습서 div 그림 수직 센터 코드 오, 그는 수 세로 Div 센터 또한 그림을 세로로 센터 오, 괜 찮 아 요,이 수직으로 중심으로 인스턴스 코드를 살펴보겠습니다.  cssbox {/ * 비 IE 커널 브라우저 인식 수직 센터 / 디스플레이: 테이블-셀;  수직 정렬: 중간; / * IE 커널 브라우저에 수직 센터 / & nbs...

픽셀 픽셀 (화소) 상대 길이 단위 (CSS 자습서 2.0 수동)에서 디스플레이의 화면 해상도 상대적입니다. 　　EM 상대 길이 단위와 같은 행에서 현재 텍스트의 글꼴 크기는 브라우저의 기본 글꼴 크기 (css2.0 설명서에 인용 되는)을 기준으로 인위적으로, 설정 되지 않은 현재 개체 내에서 텍스트의 글꼴 크기에 상대적입니다. 모든 브라우저에 대 한 기본 글꼴 높이 16px입니다. 모든 조정된 브라우저는: 1EM = 16PX. 그래서 12px 10px 0.75em = 0.625em =. ...