그들이 지식을 배우는 현재 프런트 엔드 작업, 인터뷰 질문 특히 요약서에 종사, 전면 질문은 학생들의 답변이 필요합니다, 당신은 전면 그룹은 내가 937 268 047를 만들어 추가 할 수 있습니다
첫째, 선택
-
HTTP는 ()
(A) 파일 전송 프로토콜 (B) 하이퍼 텍스트 전송 프로토콜
(C) 확장 파일 전송 프로토콜 (D) 파일 전송 프로토콜의 높이 - HTML은 ()이다
(A) HTML (B) 구조화 된 데이터 마크 업 언어
(C) 확장 마크 업 언어 (D) 마크 업 언어 문서
3.CSS는 ()는
(A) CSS 스타일 시트 (B) 중첩 스타일 시트
스타일 시트 (D) 속됨 스타일 시트 (C) 구조
4. 다음 문) (올바른
(A) XHTML에 사용할 수 없습니다 B, U, I 및 기타 라벨
(B) HTML 및 XHTML 두 개의 완전히 다른 언어입니다
(C)는 XHTML 태그 이름을 모두 소문자 여야 것을 요구한다 문자는, 모든 속성은 인용 부호로 묶어야합니다
, 우리는 사이트를 수행 할 때 자주 사용 (D) XHTML 1.0 엄격한 버전이 가장 엄격한 때문에
5 시맨틱 태그의 정렬 된 목록이며 나타낸다 ()
(A) OL (B)에서 (C) UL (D) DL
6. 자신 태그는 중첩 될 수있다 ()
(A) (B) (B)의 P (C) DIV (D) H1
7. 올바른 문장 삽입 화상 ()
(A) <IMG SRC에 = "이미지 / 1.JPG"> </ IMG>
(B) <IMG SCR = "이미지 / 1.JPG"/>
(C) < IMG SRC에 = "이미지 / 1.JPG"/> </ IMG>
(D) <IMG SRC에 = "이미지 / 1.JPG"/>
새로운 윈도우 8. 하이퍼 링크 태그 ()의 모든 속성 및 값으로 설정한다
(A) 목표 = "_ 빈"(B)를 _target = "빈"
(C) 빈 = "_ 대상"(D) _blank = "대상"
* 참고, 다음 옵션을 9 ~ 11 질문은, 다음과 같습니다
(A) (B) (C) (D)
- 이유를 보여주는 아래의 HTML 코드, 만약? (B)
<표>
<TR>
<TD>. 1 </ TD>
<TD> 2 </ TD>
</ TR>
<TR>
<TD 열 병합 = "2">. (3) </ TD>
</ TR>
< / 테이블>
HTML 코드는 다음, 왜 (10)을 보여주는 경우? (A)
<표>
<TR>
<TD 열 병합 = "2">. 1 </ TD>
</ TR>
<TR>
<TD> 2 </ TD>
<TD>. (3) </ TD>
</ TR>
< / 테이블>
HTML 코드는 다음, 왜 11을 보여주는 경우? (C)
<표>
<TR>
<TD ROWSPAN = "2">. 1 </ TD>
<TD> 2 </ TD>
</ TR>
<TR>
<TD>. (3) </ TD>
</ TR>
< / 테이블>
-
다음과 같은 옵션, 올바른 "상자"라벨? (A)
(A) <INPUT 타입 = '체크 박스 "/> (B) <INPUT 이름 ="라디오 "/>
(C) <INPUT 이름 ='체크 박스"/> (D) <INPUT TYPE = "라디오"/ > -
以下选项中,正确的"下拉列表"标签结构为? (B)
(A) <선택> <선택> </ 선택> <선택> </ 선택> <선택>
(B) <선택> <선택> < / 옵션> <선택> </ 옵션> </ 선택>
(C) <swicth> <선택> </ 옵션> <선택> </ 옵션> </ swicth>
(D) <선택> <swicth> </ swicth > <swicth> </ swicth> <옵션> -
(가) 버튼이 제출 입력? (C)
(A) RESET (B) 버튼 (C) 제출 (D) 확인 -
아이들과 함께 감싸 CSS 스타일 태그, 페이지 헤드에 우리가 부르는 이러한 접근 방식을 쓰기? ()
소개 (A) - 선택기 #box p를, 다음과 같은 문장은 정확합니까? ()
(A) 제 상자 소자 하위 요소 P의 ID가 선택되어
(B)의 상자 요소 ID의 모든 자손 요소 P 선택되는
(C)를 제 상자 소자의 ID로서 선택 하위 요소 p
(D)는 상자 요소 ID 모든 자식 요소 p를 선택한
) :( 다음 17 페이지 두 #box 선택기있다
#box {
:; 20 픽셀 폰트 크기
:; 볼드 폰트 중량
}
#box {
폰트 크기 : 30 픽셀을;
}
다음 명령이 올바른지 :
(A ) #box 크기가 30 픽셀이 아닌 굵은 (B) #box 크기가 50 픽셀 굵게
굵게 (C) #box 크기가 30 픽셀, 굵은 (D) #box 크기가 20 픽셀,
다음과 같은 CSS 속성 18. 어떤이 상속되지 않습니다? ()
(A) 폰트 스타일 (B) 색 (C)의 폭 (D) 텍스트 정렬 = 왼쪽
19.이 상자 모델 폭이 실제 소유의 수가 얼마나 다음 CSS 코드를 읽어? ()
사업부 {
폭 : 120 픽셀,
높이 120 픽셀,
보더 왼쪽 폭 : 30 픽셀,
테두리 : 20 픽셀 솔리드 레드,
패딩 : 30 픽셀 40px 50 픽셀,
패딩 오른쪽 : 60 픽셀;
}
(A) 210px (B) 250 픽셀은 ( C) 260px (D)를 270px ;
인라인 요소 및 블록 레벨 요소에 대해서는 20. 다음 문장은 맞습니까? ()
(A) 의 경계 특성 설정 만 블록 레벨 요소
패딩이 제공 할 수없는 (B) 광고 요소의 폭, 높이를 설정할 수를
고정 위치 요소 (C)를, 우리는 의도적으로 폭 써야 : 100 %, 그렇지 않으면 자동 아닌 전체 유지 아버지
고정 요소 (D)는, 요소는 블록 요소 내의 더 이상 지점과 영역은 "화상의 2 개의 행 블록들"을 갖는 것
플로팅에 관하여 (21) 다음 문은 유일한 오류가 무엇입니까? ()
(A) 텍스트 일 수 부유 소자는 플로팅 요소와 대 향하여 위치 될 수있다 높은 내부 (B)를 유지
하는 영역 (D)을 차단하지 않고 (C) 지점 플로팅 요소를 표준 스트림 요소 부동
의사 클래스 레이블을 설정 (22), 우리는 특정 순서, 올바른 순서로 배열되어야한다? ()
(A) A는 : 방문 A : 액티브, A는 : 마우스를, A는 : 링크
(B) A가 : 방문 A : 링크, A :, 마우스를 A : 활성
(C) A : 마우스를 이동을 :하는 방문 : 링크, A는 : 활동
(D) A : 링크, A는 : 방문 A :하는을 가져 : 활동
23. 이미지 크기 200 픽셀 200 픽셀, 박스 크기 800 픽셀 800 픽셀, 문 배경 위치 : 중앙 센터; :( 상당)
(A) 배경에 위치 결정 기준 : 300 픽셀별로 300 픽셀,
(B) 배경 위치 : 200 픽셀 200 픽셀;
( C) 배경 위치 : 37.5 %, 37.5 %,
(D) 배경 위치 : 25 % 25 %;
- DIV [클래스 | = "하하" ] 선택할 수있는 다음의 요소 ()의
(A) < ". -1- 하하"DIV 클래스 => </ div> (B) <div 클래스 = "haha1"> </ div>
(C ) <div 클래스 = "하하 1 "> </ div> (D) <div 클래스 = "하하-1"> </ div>
(25) 비 분리 공백 문자의 실체는? ()
(A) NBPs (B) nSBP (C) nspb (D)
둘째, 단답형
1.CSS 받아쓰기 특성 : ① 텍스트 설정 ② 이탤릭체 텍스트 세그먼트 ③ 처음 두 문자 스페이스 밑줄
1 장식 텍스트 : 밑줄].
2 폰트 스타일 : 기울임;
3 텍스트 들여 쓰기 :. 2EM;
2. 쓰기 만 IE6,7 브라우저는 "브라우저 버전을 업그레이드하십시오!"html로 해킹을 표시합니다.
1 <! - [IF IE 8 LT]>
2 <ρ-> 브라우저 버전으로 업그레이드하십시오! </ P>
3 <[ENDIF! ->.
세 가지 레이어가 첫 페이지 3. 설명, 무엇입니까? 역할은 무엇인가?
(1 개) 구조 층 효과 :의 관점에서 HTML 페이지를 구축하기 위해
두 레이어 효과 스타일 : 쓰기의 스타일을 미화의 관점에서
레이어 3 역할 행동 : 상호 작용의 관점은 우리의 페이지 동작을 설명에서
4. 간단히 절대 위치 요소가 기준점은 무엇인가? 분류 정교한하시기 바랍니다.
답 : ①body.
상위 참여는 기준점이 왼쪽 또는 오른쪽 상단 구석이있다.
참여 바닥있다 기준점 첫 화면 왼쪽 아래 또는 오른쪽 하단 코너
② 가까운 반면, 상위 요소 위치.
5. 방법 절대 위치의 수직 중심 수평 중심 요소를 설정? 코드 샘플에 대한 설명.
대답 : 방법 A :
. 1 DIV {
2 폭 : ~ 400]
. (3) 신장 ~ 400]
. (4) 테두리 : 1 픽셀 고체 #ddd;
5 총수 :. 대하여]
. 6}
. 7 {P DIV
. 8 총수 : 절대;
9 배경 :. 핑크;
10 폭 : 100 픽셀;
. 11 신장 40px;
12 남아 : 50 %;
13 상위하다 : 50 %
: -50px 14 마진 왼쪽
15 탑 마진 : -20px;
16}
방법 2 :
1 DIV {P.
2 위치는 절대]
. (3) 배경 : 핑크,
4 폭 : 100 픽셀;.
5 신장 40px;.
6 왼쪽 : 50 %.
(7)의 최고 50 %.
(8) 변형 :. 번역 (-50 %를, - 50 %)
. (9)}
다음과 같은 HTML 구조와 해당 CSS를 고려 6. 텍스트의 이유 색상을 물어? 간단히 이유를 적어주세요.
<DIV 위에서 언급 한 id = "BOX1"클래스 = "div1">
<DIV 위에서 언급 한 id = "BOX2"클래스 = "DIV2">
<DIV 위에서 언급 한 id = "BOX3"클래스 = "div3">
<ρ-> 어떻게 텍스트 색상 이유는 무엇입니까? </ P>
</ DIV>
</ DIV>
</ DIV>
CSS를 다음과 :
#box {P 색상 : 블루;}
.div1 div.div2 .div3 {P 색상 : 블루;}
div.div1 BOX2 번호의 P {색상 : 녹색;}
.div1 .div2 {P 색상 : 핑크;}
1 개 정답 : 그린
(1) 첫째가, 대상 요소를 선택하기 때문에 체중을보고 한 녹색 무게 (1,1,2) 고 있기 때문이다.
다음과 같은 HTML 구조와 해당 CSS를 고려 7. 텍스트의 이유 색상을 물어? 간단히 이유를 적어주세요.
<DIV 위에서 언급 한 id = "BOX1"클래스 = "div1">
<DIV 위에서 언급 한 id = "BOX2"클래스 = "DIV2">
<DIV 위에서 언급 한 id = "BOX3"클래스 = "div3">
<ρ-> 내가 단락 </ ρ->
< / DIV>
</ DIV>
</ DIV>
CSS를 다음과 :
.div1 .div3 {색상 : 블루;}
# {BOX1 # BOX2 색상 : 빨강;}
정답 : 파랑. 선택하지 때문에, 그래서 근거리 및 원거리에서 볼.
8. 적색에서 녹색으로 색상의 점진적인 변화의 왼쪽 상단 모서리에 오른쪽 아래에서 사업부를 설정합니다. 빨간색과 녹색의 비율은 6입니다 : 네. 부호로 표시
2div {
. 3 폭 : 200 픽셀,
4 신장. 200 픽셀,
5 배경 이미지 :. -webkit-선형 구배 (오른쪽 아래 60 % 적색, 녹색)
6. 7}.
제 애니메이션 (애니메이션 효과가 균일 한 회전을 갖는다. 일초 애니메이션이 애니메이션의 종료 시간), 및 통화를 정의한다. 중요도가 문 작성
1 / 커스텀 애니메이션 /
@ 2 {-webkit zhuan - 키 프레임
.에서 {3
. 4 변형 : 회전 (0deg)
. 5}
. 6 {발을
. 7 변형 : 회전 (360deg)
8}.
9.}
10 / 호 애니메이션 /
. 11 웹킷 애니메이션 : 선형 zhuan LS 무한 0;
10. 부동 소수점을 취소 할 수있는 다른 방법은 무엇입니까? 그들의 장점과 단점 왜? 같은 그림과 유사한 보조 및 간단한 텍스트 설명을 그리기 :
답변 : 부모 상자의 높이를 설정합니다.
{높이 1div : 200 픽셀}
② 외관은 방법 : 중간 벽 상자를 추가 벽 부동의 삭제 높이의 두 부모가
{1.cl
:; 모두 2 지우기를
. :; 10px 3 높이
}
추가 : ③ 내부 방법 플로팅 소자의 최저 부
: 1CL {모두 클리어}
④overflow : 숨겨진
⑤after :( 내부 가상 클래스 법)
1div 후 : {
2 콘텐츠 '']
. (3) 표시부 : 블럭,
4 클리어 :. 두;
5.}