1. html5에 어떤 새로운 콘텐츠나 API가 추가되었으며, 어떤 것을 사용해 보셨나요?
HTML5 새로운 입력 입력 유형:
이메일 유형
url 유형
숫자 유형은 선택 기능을 제공합니다. 숫자, 여기서 min 속성은 최소값, max 속성은 최대값을 설정하고, value 속성은 현재 값을 설정하고, step 속성은 각 증가에 대한 값을 설정합니다.
범위 유형, 숫자 입력을 제한하는 범위 필드를 나타냄
날짜 및 시간 유형: 날짜, 월, 주, 시간, 날짜/시간, 날짜/시간-현지
검색 유형
tel type
color type
HTML5 새 양식 요소
datalist는 입력 필드의 옵션 목록을 지정합니다.
키젠이 제공하는 사용자를 인증하는 안정적인 방법
출력은 다양한 유형의 출력에 사용됩니다.
여기에 나열되지 않은 자세한 내용이 있습니다. 이 블로그를 읽어보세요
2. 입력과 텍스트 영역의 차이점은 무엇인가요?
3. p를 사용하여 텍스트 영역 구현을 시뮬레이션하시겠습니까?
먼저 우리는 p가 적응력이 뛰어나고 콘텐츠가 증가함에 따라 높이도 증가한다는 것을 알아야 합니다. 텍스트 영역의 크기는 고정되어 있습니다. 높이가 지정된 높이를 초과하면 스크롤 막대가 나타납니다.
p에는 contenteditable이라는 속성이 있습니다. contenteditable 속성을 true로 설정하면 p 콘텐츠를 편집 가능하게 만들 수 있습니다.
콘텐츠를 편집 가능하게 만든 후 CSS에서 지정된 높이를 설정하고 Overflow-y 속성을 auto로 설정하여 스크롤 막대를 구현합니다.
4. 모바일 기기에서는 페이지에 있는 숫자를 전화번호로 인식하는 방식을 무시하나요?
모바일 기기에서는 일련의 숫자가 전화번호로 인식되는 경우가 많습니다. 숫자의 색상과 스타일이 변경되며 클릭하여 직접 전화를 걸 수 있습니다.
인식을 끄려면 다음 코드를 추가하세요.
<span style="font-size: 14px;"> <meta name = "format-detection" content = "telephone=no"> <br></span>
1. 왼쪽 및 오른쪽 레이아웃: 왼쪽은 고정 너비, 오른쪽은 적응형, 최소 3가지 방법
방법 1: 왼쪽 모듈을 다음으로 설정 왼쪽 및 오른쪽 모듈 너비를 100%로 설정
방법 2: 상위 컨테이너는 디스플레이를 설정합니다: 오른쪽 부분은 플렉스를 1로 설정합니다. display: flex는 유연한 상자로 설정되며 해당 하위 요소는 flex 값을 설정하여 차지하는 공간 비율을 제어할 수 있습니다.
방법 3: 음수 여백을 사용합니다. 왼쪽과 오른쪽 부분을 왼쪽으로 부동하도록 설정하고 오른쪽 부분의 너비를 100%로 설정합니다. 왼쪽 부분의 왼쪽 여백을 -100%로 설정합니다. 오른쪽 부분의 내용이 가려지는 것을 방지하기 위해 오른쪽 부분에 왼쪽 여백(왼쪽 부분의 너비)을 추가합니다.
2. CSS3의 새로운 기능은 무엇인가요?
CSS3 selector
E: last-child / E :nth-child(n) / E : nth -last-child(n) 마지막
@Font-face 기능의 n번째 요소는 글꼴 스타일을 로드하는 데 사용됩니다.
둥근 모서리: border-radius
Flexible 상자 모드 디스플레이: flex. 속성을 기다리는 중
3.BFC 및 IFC
관련 추천 :
웹 프론트엔드 면접 질문 8번 - 절대 포지셔닝과 상대 포지셔닝
위 내용은 프론트엔드 면접 질문 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!