프런트 엔드 기술

동일한 요소에 있는 경우 두 개 이상의 충돌 CSS 규칙, 몇 가지 기본 규칙은 매우 특별 한 어떤 것이 결정 하 고 wins 브라우저가 있다. 　　다른 사람, 그리고 충돌에 대해 걱정 하지 않아도 대부분의 경우 만큼 중요 하지 않을 수 있습니다 하지만 대형 및 복잡 한 CSS 파일 또는 CSS 파일의 많은 충돌을 만들 수 있습니다. 선택기, 경우 이전 특성을 덮어쓰게 됩니다. 　　예: 피 {색깔: 빨강;} p 색상: 블루 P 요소의 요소는 파란색 될 것입니다...

다양 한 솔루션을 중심으로 가로 세로로 가운데 수직 정렬 CSS 자습서 좋은 특성 이지만이 특성은 처음에 테이블의 셀에 대 한. 　　물론,이 속성 블록 수준 요소에 작동 하지 않습니다 하지만 그것은 작동 하는 범위와 같은 인라인 요소에 (이 시간 속성 설정, 아래로 이동 하는 부정적인 요소 콘텐츠를 양수 값 위로 이동). 다음은 보다 전문적인, 수직으로 중심으로, 중앙 집중식 솔루션입니다. 검사에 대 한 여기를 기록 했다. 1, 레이어 수직 alig에 수직으로 텍스트를 단일 수직 센터...

CSS 정의 페이지 레이아웃 아름 다운 버튼 버튼 코드 <! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.w3.org/tr/xhtml1/ Dtd/xhtml1-transitional.dtd ">< html xmlns =" http:...

사용자 이름이 숨겨진된 멀리 절반 한자 매우 어 색 발견!! 그래서이 문제를 방지 하는 방법! 라인 표시, 다음 한자 접을 하는 방법에는 컨테이너의 너비 보다 일반적인 중국어 폰트 우리 설정 자동 라인, 즉, 각 한자 되었습니다 더는 별도 요소; 때 한자의 라인으로? 우리는 종종 데이터를 가로로 표시 때 우리가 Li 요소의 너비를 설정 하지 않으면 부모 컨테이너 수 뿐 아니라 로드 LI 요소의 정수를 왼쪽된 수레의 목록 설정, 즉 현상이 발생 합니다 (같은 현상이 2 번 발생 했습니다 우리는 지정 된 컨테이너 하 폭...)

CSS 구문 CSS 구문은 세 부분으로 구성 됩니다: 선택기, 속성 및 값: {속성: 값} 선택기 선택기 (선택기)은 일반적으로 HTML 요소 또는 정의 태그 및 속성은 속성을 변경 하려는 각 섹스는. 특성 및 값 콜론으로 구분 되며 완전 한 스타일 선언 (선언)를 형성 하는 중괄호에 둘러싸여: 바디 색상: 블루...

가장 효율적인 CSS 작성 중 속기를 사용 하는. 하기 쉽고 속기에 의해 읽기 작은 CSS 파일을 만들 수 있습니다. CSS 특성 이해 속기가입니다 또한 프런트 엔드 개발 엔지니어의 기본 기술 중 하나. 오늘 우리는 체계적으로 CSS 속성에 대 한 약어를 요약합니다. 색상 약어의 약어는 색상 값을 각 컬러의 값이 같은 16를 사용 하 여 간단한, a: 컬러를 작성할 수 있습니다: #113366 색상으로 축약 될 수 있다: 모든 곳의 16 색상 값을 사용 하 여 #136 속기, 바 등을 사용할 수 있습니다...

6으로 기본 글꼴 크기는 대략 12-14px, 사이 고이 기본 값 보다 작은 div를 정의 하려고 할 때, IE는 고집 생각이 층의 높이 글꼴의 높이 보다 작을 수 없으며 해야 합니다. 높이: 6px;를 사용 하는 경우에 이렇게 Div의 높이 정의 하려면 IE에서 실제 표시는 아직도 PX 왼쪽 및 오른쪽의 계층. 이 문제를 해결 하려면 강제로 div의 글꼴 크기를 정의 하거나 div를 제한 하려면 overflow 속성을 정의할 수 있습니다...

Div + css 레이아웃 페이지의 6으로 (물론, 가끔 파이어 폭스도 발생할 것입니다) 발생 그림 요소 img Superfluous의 브라우저 이미지 요소에 빈 문제는 절대적으로 솔루션의 문제에 일반적인은 또한 "귀에 의해 재생" 다른 솔루션을 사용 하는 다른 이유에 하면     여기 당신의 참고를 위한 버그 유도의 일반적인 방법은 아래 중복 공간의 이미지 레이아웃을 해결 하기 위해 직접 솔루션. 1. 블록 수준 개체 및 nbs 그림 변환...

브라우저에서 버그를 많이 있을 수 있습니다, 하지만 그것은 버그 같은 느낌이 되지 않습니다. 　　그래서 창조 자는 문제를 해결 하려면 몇 가지 방법이 필요 문제에 대 한 많은 이유가 될 수 있습니다. 테스트를 위해 더 나은 오페라 9.2, 파이어 폭스 2.0, 사파리 3.0 등 IE 6 보다는 CSS 2.1에 대 한 유일한 테스트 브라우저와 IE 6은 대부분의 문제 때문에 고급 브라우저를 선택 하는 것이 현명 하다. 이것은 창조주 (특히 초보자...)에 대 한 아주 나쁜입니다.

CSS를 사용 하 여 요소 가운데는 하지는 간단한 것에 같은 합법적인 중심 CSS 설정 다른 브라우저에서 다르게 동작 합니다. 　　가로 요소를 중심으로 대 한 일반적인 CSS 방법 중 일부를 봐 보자. 1.를 사용 하 여 자동 외부 여백 가로 요소 중심의 선호 하는 방법 가운데 자동 여백 속성 설정 여백 왼쪽 및 요소의 여백-오른쪽 속성을 사용 하는. 실제 사용에서 중심으로 하는 이러한 요소에 대 한 하나 만들 수 있습니다...

CSS 호환 일반적인 상황 및 해당 메서드를 디버깅, CSS 호환 디버깅 일반적인 상황 및 대응 방법, CSS 해킹 다음 두 가지 방법을 읽고 거의 모든 Hack.1,!important i e 7와 해결할 수! 중요 한 지원! 중요 한 메서드는 이제 6으로 해킹입니다. (참고는 글. 선언 위치 고급 될 필요가 기억.) 1, CSS 해킹 다음 두 가지 방법을 거의 모든 해킹 오늘 해결할 수 있습니다. 1,! IE와 중요 한...

페이지 레이아웃에서 웹 표준 CSS와 DIV를 사용 하 여 구현 됩니다. 이 수평으로 전체 페이지를 만드는 데 가장 일반적으로 기본 페이지 레이아웃 효과 중심으로 하지만 가장 지식을 마스터 해야 합니다. 그래도, 사람들이 자주이 질문, 그리고 여기에 페이지를 가로로 가운데에 div와 CSS을 사용할 수 있는 방법을 요약: 첫 번째, 여백: 자동 0 및 텍스트-현대 브라우저 (예: 인터넷 익스플로러 7, aligh:center 파이어 폭스...

단일 행 한 열 아래는 참조 조각: 몸 {margin: 0px; 안쪽 여백: 0px; 텍스트-정렬: 센터;} #content {여백-왼쪽: 자동; 마진-오른쪽: 자동; 폭 시 400px 폭: 370px;} 두 개의 행과 1 열은 참조 조각: 몸 {margin: 0px; P...

오늘 아침 같은 레이어는 회의 내 페이지의 오류를 지적 그 시간에 밖으로 기지개도 더 우울 하 게 중국어, 그들은 영어, 완료, 내가 말, 그것을 변경 인식할 수 없는, 변경 하자 문제가 테스트 했다 때문에 안돼 아, 기술 집 아 ~ 555 ~ ~ 순수 불평, 위에서 우리가 저장할 수 있습니다, 찾기 솔루션, 레코드, 찾기 편리 = = = 스타일 = "...

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" ">< html xmlns =" ">< 머리 >< 메타 http-equiv "콘텐츠 유형" 콘텐츠를 = =...

일부 텍스트 효과 미러, 갑자기 그들의 공간은 너무 단조로운, 최적화를 서둘러 아니에요 보고 인터넷에서 원래 아무 CSS 코딩, 그들의 자신의 공간 홈 페이지를 사용 하 여 모든 사람을 촉진 하기 때문에 일부 CSS 텍스트 거울 효과 먼저 마무리 됩니다 CSS 코드를 밖으로 구성. 이제 공간을 아름 답게 자신만 CSS로 그것을 추가할 수 있습니다. 결과 다음과 같습니다: CSS 글꼴 거울 효과 20 CSS 글꼴 거울 효과 20 CSS 글꼴의 20 종류 거울 효과 20 CSS 글꼴 거울 효과 20 css 글꼴 미러링...

< 스타일 바디 "방향: ltr" leftmargin = = "2" topmargin oncontextmenu "0" = = "false"를 반환 ondragstart = "False"를 반환 onselectstart = "복귀 전...

양식/레이어 파열을 방지 하 고 깨는 경우 단어를 아주 긴 작성, 양식, 손상 될 및 튜브 영어 단어에서 열릴 것 이다 많은 사람들을 고문 있다 영어 단어에서 줄 바꿈 자동 라인의 문제 라고 할 수 있다에서 단어를 방지 합니다. 폼이 파열에서 방지 문제 또한 해결, 하지만 영어를 한 많은 사람들이, 뒷부분의 이전 버전에에서 의해 언급 하고있다 새로운 템플릿이 제어를 일부 CSS 코드를 추가할 필요가 없습니다 단어 선, 침입 했다. 오늘, 나는 해결책은 간단 하다 찾아냈다. 인터넷에 대부분의 기사에 따르면 그냥 CSS에 추가: 코드...

CSS 웹 페이지 때 자동 줄 바꿈에 대 한 팁의 구현 3 월 06, 2009 10:47 모두 지속적인 영어 또는 디지털 컨테이너가 될 수 있습니다 알고 내놓고는, 컨테이너 선의 크기에 기반 하지 않을 수 있습니다 다음은 어떻게 CSS 그들의 줄 바꿈이 방법 있을 것입니다! Div 1. (ie 브라우저) 흰색-공간: 정상; 단어-휴식: 휴식-전은 표준에 따라 모든. #wrap {흰색-공간: 일반 폭: 20...

자동 줄 바꿈이 문제, 라인의 일반 문자는 더 적당 하 고, 및 연속 숫자 및 영문자 자주 개최 대형 컨테이너, 꽤 두통, 다음은 어떻게 라인-포장 방법의 CSS 구현 최고의 CSS 정의 선 코드. 랩의 설명 {표 레이아웃: 고정; 단어 분리 : 휴식-모든; 오버플로우: 숨겨진; 여기 오버플로: 숨겨진 또는 자동; = = =.