2019 전면 시험문제(html, css편)

이 자리에서 앞의 시험 문제를 공유하고 정리하며, 만약 틀린 곳이 있으면, 여러분의 지적을 부탁드립니다, 감사합니다!!
표준 CSS 박스 모델, 낮은 버전의 IE 박스 모델이 어떻게 다른지 소개합니다.
표준적인 상자 모형은 콘텐츠-box이고 상자의 width와 height는 각각 콘텐츠의 width와 height와 같다.낮은 버전의 IE 상자 모형은border-box, 상자의width=content의width+padding+border, 상자의height=content의height+padding+border
CSS 선택자 및 상속 가능한 속성
선택자:

id 선택기(# myid)

클래스 선택기(.myclassname)

라벨 선택기(div,h1,p)

인접 선택기(h1+p)

하위 선택기(ul>li)

후대 선택기(lia)

와일드카드 선택기(*)

속성 선택기(a[rel="external"])

위조 선택기(a:hover,li:nth-child)

상속 가능한 스타일:

font-size

font-family

color

text-indent

css 위류는 어떤 것들이 있습니까
CSS 위조 클래스는 선택기에 추가된 키워드로 선택할 요소의 특수 상태를 지정합니다.(MDN 설명):active,:focus,:hover,:link,visited,:first-child,:last-child
li와 li 사이에 보이지 않는 공백 간격이 있는데 무슨 원인으로 인해 일어난 것인지, 어떤 해결 방법이 있는지
li를 인라인 요소로 설정하면 인라인 요소 사이에 간격이 생길 수 있습니다.

설정float:left

ul설정 font-size:0-

탭 사이에 공백을 두지 마십시오

css 스타일을 왜 초기화합니까
브라우저의 호환성 문제로 인해 브라우저마다 일부 탭에 대한 기본값이 다르기 때문에 CSS를 초기화하지 않으면 브라우저 간의 페이지 표시 차이가 발생할 수 있습니다.
css 정의의 중요성을 이야기하다
인라인 스타일, 1000, ID100, 속성 선택기/class/위조 10, 원소명/위조 원소1
동일한 무게: 뒤에 나타나는 선택기를 마지막 규칙으로
서로 다른 권중, 권중치가 높으면 효력이 발생한다
왜 부동을 지우고, 부동을 지우는 방식을 설명해 주세요.
부동은 문서 흐름에서 벗어나고 부동은 내연적으로 배열할 수 있으며 부모 원소의 높이를 무너뜨릴 수 있다.
방법:

부모 원소의 높이

같은 레벨에div를 추가하고 스타일은clear:both

부원소 가위원소.clearfix:after { display: table; content: " "; clear: both; }

css 프로세서를 사용합니까? 어떤 특성이 있습니까?
플러그인 문법, 변수, @import, 혼입, 계승, 함수, 논리 제어
모바일 장치는 페이지의 숫자를 전화번호로 식별하는 방법을 무시한다
flex 레이아웃
www.ruanyifeng.com/blog/2015/0…
css 선택기 우선 순위

구체적일수록 우선

뒷면은 앞면

을 덮어씁니다.

important 우선순위가 가장 높고 적게 사용

전재 대상:https://juejin.im/post/5ce8eda0e51d4555fd20a2a8