HTML-статьи — это, возможно, самый полный источник знаний об HTML-интервью на данный момент.
JavaScript?Как отличить строгий режим от неразборчивого режима? Что они имеют в виду?
Роль заявления о документации
Заявление о документации предназначено для того, чтобы сообщить браузеру, что мы написалиHTML
Какая версия документа используется в настоящее времяHTML
Написать, чтобы браузер мог корректно парсить по заявленной нами версии.
Роль
<!doctype html>
Роль заключается в том, чтобы перевести браузер в стандартный режим и использовать последниеHTML5
Стандартный для парсинга и рендеринга страницы, если его не написать, то браузер перейдет в неразборчивый режим, а нам нужно этого избегать.
Разница между строгим режимом и неразборчивым режимом
строгий режим: Также известный как стандартный режим, означает, что браузер следуетW3C
Стандартный код разбора;
беспорядочный режим: Также известный как странный режим и режим совместимости, это означает, что браузер анализирует код по-своему.Неразборчивый режим обычно имитирует поведение старых браузеров, чтобы старые сайты не работали;
различать:
в сетиDTD
, что напрямую влияет на то, используется ли строгий режим или режим просмотра.Можно сказать, чтоDTD
Использование тесно связано с различием между двумя методами.
- Если документ содержит строгие
DOCTYPE
, то вообще рендерится в строгом режиме (Строгий DTD — Строгий режим); - содержит переходы
DTD
а такжеURI
изDOCTYPE
, также рендерится в строгом режиме, но с переходамиDTD
безURI
(унифицированный идентификатор ресурса, который является адресом в конце объявления) заставляет страницу отображаться в неразборчивом режиме (Переход DTD с URI — строгий режим, переход DTD без URI — неразборчивый режим); -
DOCTYPE
Форма не существует или неправильно представлена в документе приведет к неразборчивому режиму (DTD не существует или имеет неверный формат — неразборчивый режим); -
HTML5
нетDTD
, так что нет никакой разницы между строгим режимом и неразборчивым режимом,HTML5
Там относительно свободный синтаксис, и при реализации максимально реализована обратная совместимость (HTML5 не является ни строгим, ни беспорядочным).
В основном,Строгий режим позволяет каждому браузеру единообразно реализовать набор спецификаций, а режим совместимости обеспечивает нормальную работу старых веб-сайтов.
12. Как реализовать связь между несколькими вкладками в браузере
в состоянии пройтипозвонить в местный магазин,cookiesи другие методы локального хранения.
13. Как webSocket совместим с младшими браузерами
-
Adobe Flash Socket
; -
ActiveX HTMLFile (IE)
; - на основе
multipart
закодированная отправкаXHR
; - XHR на основе длительного опроса;
14. Каковы преимущества и недостатки фреймов
преимущество
-
iframe
Можно добиться загрузки файла без обновления; -
iframe
Может общаться между доменами; - Исправлены проблемы с загрузкой медленно загружаемого стороннего контента, такого как значки и реклама.
недостаток
-
iframe
Заблокирует событие Onload главной страницы; - не индексируется некоторыми поисковыми системами;
- Страница увеличит количество серверов
http
просить; - Будет сгенерировано много страниц, которыми непросто управлять.
15. В чем разница между src и href
-
src
Используется для замены текущего элемента;href
Используется для установления связи между текущим документом и ссылочным ресурсом; -
srcда
source
Аббревиатура , указывает на расположение внешнего ресурса, и указанный контент будет встроен в документ, где находится текущий тег; иhrefдаHypertext Reference
Аббревиатура для указания местоположения веб-ресурса, установления ссылки на текущий элемент (якорь) или текущий документ (ссылка).
16. Роль стола, его преимущества и недостатки
эффект
- доступен для верстки (устарел);
- Используется для отображения пакетных данных;
преимущество
В некоторых случаях используйтеTable
на 100% подходит, правильный и правильный. Например, сtable
Делать форму абсолютно правильно
недостаток
-
Table
чем другиеhtml
Тег занимает больше байт, что затянет время загрузки и займет больше ресурсов трафика сервера; -
Table
Это заблокирует порядок рендеринга движка рендеринга браузера, что замедлит скорость генерации страницы и заставит пользователя ждать дольше; - Плохая гибкость, например, чтобы пройти больше
td
устанавливатьtr
изborder
Атрибуты; - Код раздувается, когда в
table
Применяется вtable
При чтении кода это будет очень запутанно; - хаотичный
colspan
а такжеrowspan
, при использовании для макета частое их использование вызовет путаницу в порядке всего документа; - Глубокая вложенность затрудняет чтение поисковыми системами и в то же время в значительной степени увеличивает избыточность кода;
- Недостаточно семантики.
17. В чем причина искажения символов в браузере? Как решить?
Причина искаженных символов
- Исходный код веб-страницы
gbk
кодировка, а китайские иероглифы в содержанииutf-8
Кодируется так, что открывается браузер и появляетсяhtml
тарабарщина. В противном случае будут искаженные символы; -
html
Кодировка веб-страницыgbk
, а программа, вызываемая из базы данных, отрисовываетutf-8
Закодированное содержимое также приведет к искажению символов при кодировании; - Браузеры не могут автоматически определять кодировку веб-страниц, что приводит к искажению веб-страниц.
Решение
- Редактировать с помощью программного обеспечения
HTML
веб-контент; - Если кодировка настроек веб-страницы
gbk
, а формат кодирования данных хранилища базы данныхUTF-8
, в это время программе необходимо запросить данные базы данных для отображения данных и продвижения программы для перекодирования; - Если веб-страница искажена при просмотре в браузере, найдите в браузере меню кодирования преобразования для преобразования;
18. Какая связь между HTML и DOM?
HTML
мертв, просто строка; иDOM
Кhtml
разобрал, жив, можно проходитьJavascript
поддерживатьDOM
.
19. В чем разница между свойством и атрибутом
-
property
даDOM
недвижимость в , естьJavaScript
объект внутри; -
attribute
даHTML
Свойство метки, значение которого может быть только строкой;
Простое понимание:Attribute
то естьDOM
Свойства, которые поставляются с узлами, такие какhtml
обычно используется вid
,class
,title
,align
и т.д.; иProperty
это этоDOM
Элемент как объект, его прикрепленное содержимое, например.childNodes
,firstChild
Ждать.
20. Как HTML-элементы отражают отношения вложенности
- Элементы уровня блока могут содержать встроенные элементы;
- Элементы уровня блока не могут содержать элементы уровня блока;
- Строчные элементы обычно не могут содержать элементы блочного уровня (
a
исключение элемента)
21. Несколько типов документов Doctype
Метки могут объявлять триDTD
тип, соответственнострогая версия,Переходная версиятак же какHTML-документы на основе фреймов.
-
HTML 4.01
Указаны три типа документов:Strict
,Transitional
так же какFrameset
; -
XHTML 1.0
Определены три типа XML-документов:Strict
,Transitional
так же какFrameset
; -
Standards
(стандартный) режим (он же строгий режим рендеринга) используется для рендеринга веб-страниц, соответствующих последним стандартам; -
Quirks
(Инклюзивный) режим (он же свободный режим рендеринга или режим совместимости) используется для рендеринга веб-страниц, предназначенных для устаревших браузеров.
22. Какие новые возможности html5 и какие элементы были удалены
новые особенности
HTML5 больше не является подмножеством SGML, в основном для улучшения изображений, местоположения, хранения, многозадачности и других функций.
- перетащите, чтобы освободить
(Drag and drop)
API
; - Теги семантического лучшего контента (
header
,nav
,footer
,aside
,article
,section
); - Аудио, видео API (
audio
,video
); - холст
(Canvas)
API
; - география
(Geolocation)
API
; - локальное автономное хранилище
localStorage
Долгосрочное хранение данных, данные не потеряются после закрытия браузера; -
sessionStorage
данные автоматически удаляются после закрытия браузера; - Элементы управления формой:
calendar
,date
,time
,email
,url
,search
; - новая технология
webworker
,websocket
,Geolocation
Ждать;
удалить элемент
чистый элемент производительности:
-
<basefont>
Шрифт по умолчанию, шрифт не установлен, и он отображается; -
<font>
метка шрифта; -
<center>
горизонтально по центру; -
<u>
подчеркивать; -
<big>
шрифт; -
<strike>
Китайские символы; -
<tt>
текст одинаковой ширины;
Элементы, негативно влияющие на удобство использования:
<frameset>
,<noframes>
а также<frame>
;
23. Что такое причудливый режим? Чем он отличается от стандартного режима?
Причудливый режим
Quirks
Режим, также известный как Quirk Mode, Weird Mode, Weird Mode.
Разница между режимами Quirks и Standards
Когда мы пишем программы и сталкиваемся с несовместимостью между новыми и старыми функциями, как мы можем гарантировать, что исходный интерфейс останется неизменным и предоставит мощные функции?
Как правило, черезДобавить параметры и веткирешать. То есть, когда параметрtrue
, используя новую функцию, дляfalse
При использовании старых функций он может предоставлять новые функции, не нарушая исходную программу.
IE6
также делается аналогично, это будетDTD
Как этот "параметр", ведь предыдущую страницу никто писать не будетDTD
,ПервыйIE6
Предполагается, что если написатьDTD
Это означает, что эта страница будет использовать правильныйCSS
Поддерживайте лучший макет, а если нет, используйте совместимый предыдущий макет, которыйРежим Quirks (причуды, причуды, причуды).
С участиемStandards
Разница, как правило, имеет три различия в макете, стиле разборки и сценарии выполнения:
-
коробочная модель:существует
W3C
В стандарте, если вы устанавливаете ширину и высоту элемента, это относится к ширине и высоте содержимого элемента, а вQuirks
режим, ширина и высота IE также включаютpadding
а такжеborder
; -
Установите высоту и ширину встроенных элементов:существует
Standards
В режиме установите встроенные элементы, такие какwdith
а такжеheight
не вступит в силу, покаquirks
режим, он вступит в силу; -
установить высоту в процентах:существует
standards
В режиме высота элемента определяется содержимым, которое он содержит.Если родительский элемент не устанавливает высоту в процентах, недопустимо устанавливать высоту в процентах для дочернего элемента; -
Установить горизонтальный центр:использовать
margin:0 auto
существуетstandards
может центрировать элемент по горизонтали, но вquirks
Он выйдет из строя в режиме.
24. Каково разделение структуры интерфейса, стиля и поведения? И какие плюсы в разлуке?
Разделение структуры, стиля и поведения
Понимание редактора таково: если интерфейс сравнивается с человеком в качестве примера, структура (HTML
) эквивалентен «скелету» человеческого тела, стиль эквивалентен «украшениям» человеческого тела, таким как одежда, украшения и т. п.; поведение эквивалентно ряду «действий», совершаемых людьми.
Разделение структуры, стиля и поведения заключается в разделении трех элементов, каждый из которых отвечает за свое содержание, и каждая часть может быть использована по ссылке.
На основе разделения нам нужно сделать код:рационализировать,повторное использование,аккуратный.
Преимущества разлуки
- Разделение кода полезно для командной разработки и последующего обслуживания;
- Снижение затрат на обслуживание, улучшенная читаемость и лучшая совместимость;
25. Что вы знаете о HTML5?
- Хорошая мобильность, в основном мобильные устройства;
- Адаптивный дизайн для адаптации к автоматически меняющимся размерам экрана;
- Поддержка технологии автономного кэширования,
webStorage
локальный кеш; - недавно добавленный
canvas
,video
,audio
и другие новые элементы этикетки, а также специальные элементы контента:article
,footer
,header
,nav
,section
и т. д., а также элементы управления формой:calendar
,date
,time
,email
,url
,search
Ждать; - новый
webSocket/webWork
Технология; - Есть также новые географические локации.
26. Как оптимизировать файлы и ресурсы сайта
- слияние файлов (для уменьшения
http
просить); - Сжатие файлов (цель — непосредственно уменьшить размер скачиваемого файла);
- использовать кеш;
- использовать
cdn
ресурсы хостинга; -
gizp
Сожмите необходимые файлы js и css; - Обратные ссылки, оптимизация внешних ссылок;
- оптимизация метатегов (
title
,description
,keywords
),heading
оптимизация этикетки,alt
оптимизация;
27. Что такое список данных в Html5
<datalist>
теги, определяющие список опций, иinput
Элементы используются в сочетании с элементом кальция для определенияinput
возможные значения.
datalist
и его параметры не будут отображаться, это просто допустимое значение списка ввода.
<input id="fruits" list="fruit" /><datalist id="fruit"> <option value="apple"> <option value="orange"> <option value="banana"></datalist>
28. Какова концепция локального хранилища в Html5, каковы преимущества и в чем разница с файлами cookie?
HTML5
изWeb storage
Существует два метода хранения:sessionStorage
а такжеlocalStorage
.
-
sessionStorage
Используется для локального хранения данных в сеансе, будет уничтожен после завершения сеанса; - а также
sessionStorage
разные,localStorage
Локальное хранилище для сохранения, данные никогда не истечет, если пользователь не удалит их активно; -
cookie
Он хранится на локальном терминале пользователя (Client Side
) (часто в зашифрованном виде).
разница:
-
Из передачи между браузером и сервером:
cookie
Данные всегда передаются в HTTP-запросах одного и того же происхождения (даже если они не нужны), т.е.cookie
туда и обратно между браузером и сервером; иsessionStorage
а такжеlocalStorage
Данные не будут автоматически отправлены на сервер, а будут храниться только локально. -
по размеру: ограничение размера хранилища отличается,
cookie
Данные не могут превышать4k
, который подходит только для хранения очень небольших данных; иsessionStorage
а такжеlocalStorage
Хотя существуют также ограничения по размеру хранилища, болееcookie
Гораздо больше, может достигать 5 м и более. -
От срока действия данных:
sessionStorage
Закроется сразу при закрытии сессии, поэтому продлится недолго;cookie
Это длится только до установленного времени истечения срока действия файла cookie, даже если окно или браузер закрыты. а такжеlocalStorage
всегда работает. -
Из сферы:
sessionStorage
не используется в разных окнах браузера, даже на одной странице;localStorage
а такжеcookie
являются общими для всех окон одного и того же источника.
29. Каковы распространенные ядра браузеров
-
Trident
Ядро: браузер 360, впервые разработанный или использованный IE; -
Webkit
Ядро: Google Chrome, Safari, браузер Sogou, браузер 360 Speed, облачный браузер Alibaba и т. д.; -
Gecko
Ядро: Mozilla FireFox (браузер Firefox), браузер K-Meleon; -
Presto
Ядро: браузер Opera;
30. Что такое холст? Как написать холст?
концепция
Canvas
даHTML5
элемент , который используетJavaScript
Отрисовка графики на веб-страницах.Canvas
представляет собой прямоугольную область. Каждый пиксель может бытьHTML5
язык для контроля. Существует несколько способов рисования путей, прямоугольников, кругов, символов и добавления изображений с помощью Canvas.
Как использовать
Если вы хотите, чтобы нашиHTML
добавлено в документCanvas
этикетка, нам нужноID
, ширина и высота. Вот как поставить основнойCanvas
Тег записиHTML
Примеры документации.
<canvas id="myCanvas" width="100" height="100"> </canvas>
31. Каковы правила использования HTML5
- Новые функции должны основываться на
HTML
,CSS
,DOM
а такжеJavaScript
, - Уменьшите потребность во внешних плагинах (таких как
Flash
); - улучшенная обработка ошибок;
- Больше флагов для замены скриптов;
-
HTML5
должен быть независимым от устройства; - Процесс разработки должен быть визуализирован;
32. В чем разница между кешем приложения Html5 и кешем браузера HTML
новыйHTML5
Ключом к стандартному кэшированию приложений являетсяПоддержка автономных приложений, который позволяет браузеру предварительно получить некоторые или все активы сайта при связи с клиентом, например,HTML
документы, изображения,CSS
так же какJS
и т. д., предварительная загрузка файлов ускоряет работу сайта. Другими словами, кеш приложения может выполнять предварительную выборку страниц, которые совершенно не посещались и поэтому недоступны при обычном кэшировании браузера. В отличие от традиционного кэширования браузера, эта функция не заставляет пользователей посещать веб-сайт.
33. Что такое API в последнем стандарте HTML5
-
Canvas
:Canvas
Зависит отHTML
Состоит из области рисования, определенной в коде со свойствами высоты и ширины.JavaScript
Код может получить доступ к этой области через полный набор функций рисования, который отличается от других обычных2D API
похожи, что позволяет динамически генерировать графики.Canvas
Некоторые из предполагаемых применений включают создание графики, анимации, игр и компоновки изображений. - Воспроизведение медиа по времени;
- База данных автономного хранилища;
- редактирование документов;
- перетаскивание;
- обмен сообщениями между документами;
- Управление историей браузера;
-
MIME
Регистрация обработчика типа и протокола;
34. Какая польза от LocalStorage в HTML5
localStorage
Локальное хранилище эквивалентно облегченной базе данных, которая может постоянно хранить данные локально (если только они не удалены вручную). Кроме того, локальный кеш также может быть прочитан в случае отключения.cookies
.
- использовать
localStorage
сохранить данные:localStorage.setItem(key, value)
; - использовать
localStorage
Получить сохраненные данные:localStorage.getItem(key)
; - Чисто
localStorage
Сохраненные данные:localStorage.removeItem(key)
; - очистить все
localStorage
Данные, которые содержит объект:localStorage.clear( )
;
35. О новом атрибуте типа ввода в HTML5
Типы | эффект |
---|---|
search | Для полей поиска поля отображаются как обычные текстовые поля. |
Для полей ввода, которые должны содержать адреса электронной почты, при отправке формы значение поля электронной почты проверяется автоматически. | |
url | Для поля ввода, которое должно содержать URL-адрес, значение поля URL-адреса будет автоматически проверено при отправке формы. |
number | Используется для полей ввода, которые должны содержать числовые значения, с настраиваемыми числовыми уточнениями. |
range | Для полей ввода, которые должны содержать числовые значения в определенном диапазоне, тип отображается в виде ползунка |
dateTime | Используется для выбора времени, дня, месяца, года (по времени UTC) |
date | Используется для выбора дня, месяца, года |
month | Используется для выбора месяца, года |
week | Используется для выбора недели и года |
time | Используется для выбора времени (минуты и часы) |
dateTime-local | Используется для выбора времени, дня, месяца, года (местное время) |
36. Как вы понимаете веб-стандарты и w3c?
для веб:web
Проще говоря, стандарты можно разделить на структуру, представление и поведение.web
Стандарт обычно состоит в том, чтобы разделить три части независимо друг от друга, чтобы сделать их более модульными. Однако, когда поведение обычно генерируется, будут изменения в структуре или производительности, что также делает границы между тремя не такими четкими;
Для W3C:W3C
правильноweb
Стандарт предлагает стандартизированные требования, то есть некоторые спецификации кода в реальном программировании, а именно:
структурные требования:
- Ярлыки должны быть закрытыми, строчными и не вкладываться случайным образом, что может повысить вероятность поиска поисковыми роботами веб-контента;
для css и js:
- Рекомендуется за пределами сети
css
а такжеjs
Скрипт, чтобы добиться разделения структуры и поведения, структуры и производительности, повысить скорость рендеринга страницы и быстрее отображать содержимое страницы; - Разделение стилей и меток, более разумные семантические метки, чтобы к контенту могли получить доступ больше пользователей, к контенту можно было получить доступ с более широкого спектра устройств и меньше кодов и компонентов, что снижает затраты на обслуживание и делает ревизии более удобными;
- Не нужно менять содержимое страницы, можно предоставить печатную версию, не копируя содержимое, повышая удобство использования сайта;
Одним словом, следование веб-стандартам, разработанным w3c, может облегчить пользователям чтение и улучшить общение между веб-разработчиками.
37. Что такое новые типы документов и кодировки HTML5
-
HTML5
Тип документа:<!doctype html>
- набор символов:
HTML5
используемая кодировка<meta charset=”UTF-8”>
38. Разница между прогрессивным улучшением и изящной деградацией
Прогрессивное улучшение: В основном для рефакторинга страниц для браузеров с низкими версиями, чтобы обеспечить базовые функции, а затем улучшать и добавлять функции для продвинутых браузеров с точки зрения эффектов и взаимодействия, чтобы улучшить взаимодействие с пользователем.
изящная деградация изящная деградация: создайте полную функциональность с самого начала, а затем сделайте ее совместимой с более ранними версиями браузеров.
разница
- Мягкая деградация начинается со сложного статус-кво и пытается уменьшить предоставление пользовательского опыта, прогрессивное улучшение начинается с очень простой функциональной версии и расширяется оттуда, чтобы соответствовать потребностям будущих сред;
- Деэскалация (неудача) означает оглядывание назад, в то время как прогрессивное улучшение означает взгляд вперед, сохраняя при этом свои корни в безопасной зоне.
39. Почему эффективнее использовать несколько доменов для хранения ресурсов сайта
-
CDN
Кэш удобнее; - Преодолеть ограничение параллелизма браузера;
- сохранение
cookie
широкополосный; - Сохранить количество подключений основного доменного имени и оптимизировать скорость отклика под страницей;
- предотвратить ненужные проблемы с безопасностью;
40. Как вы понимаете важность веб-стандартов и органов по стандартизации?
Редактор лично считает: веб-стандарты и органы по стандартизацииweb
Более нормативный, более стандартный, необходимый для здорового развития.
- Для разработчиков: разработчики могут следовать единому стандарту разработки, что значительно снижает сложность и стоимость разработки, тем самым улучшая читаемость кода и упрощая последующее обслуживание;
-
Для SEO: правильно
SEO
Более дружелюбный и повысить эффективность поиска.
Использование веб-стандартов и организаций, устанавливающих стандарты, играет очень важную роль в повышении удобства использования веб-сайта.
41. Какие браузеры поддерживают HTML5
Поддерживаются почти все браузеры старших версий Safari, Chrome, Firefox, Opera, IE8 и выше.HTML5
.
42. Почему нам не нужны DTD в HTML5
HTML5
не использовалSGML
илиXHTML
,HTML5
это совершенно новая вещь, поэтому ссылка не нужнаDTD
,дляHTML5
, просто поместите следующий код типа документа, чтобы браузер распознал, что этоHTML5
Документ в очереди.
43. Как браузеры управляют ресурсами автономного хранилища HTML5 и загружают их
- В случае проводного:
(1), браузер обнаруживаетhtml
голова имеетmanifest
собственности, он запроситmanifest
файл, если к нему обращаются в первый разapp
тогда браузер будетmanifest
Содержимое файла загружает соответствующий ресурс и сохраняет его в автономном режиме.
(2), если уже побывалapp
И ресурс был сохранен в автономном режиме, тогда браузер будет использовать автономный ресурс для загрузки страницы, а затем браузер сравнит новыйmanifest
файл со старымmanifest
Файл, если файл не изменился, ничего не делать, если файл изменился, то ресурсы в файле будут повторно загружены и сохранены в автономном режиме.
- не в сети: Браузер напрямую использует автономные кешированные ресурсы;
43. Каково использование Page Visibility API
Автоматически приостанавливать воспроизведение музыки или видео, когда страница переключается на другой фоновый процесс.
44. Как отключить функцию автозаполнения формы HTML5
для тех, кто не хочет напоминатьinput
установленautocomplete=off
Вот и все.
45. Разница и использование нескольких форматов изображений в HTML
Несколько форматов изображений, обычно используемых на страницах:png
, jpg(jpeg)
,gif
, bmp
Ждать;
(1),Особенности формата PNG
Особенности: Фон изображения прозрачен, поддерживается множество цветов.
Сфера использования: относительно широкая, наиболее часто используемая в настоящее время.
(2),особенности формата jpg
Особенности: Изображения не поддерживают прозрачность, статические изображения, поддерживают больше цветов и могут быть сжаты.
Сфера использования: широкий спектр использования, можно использовать в качестве обоев компьютера, экранной заставки мобильного телефона и т. д., а разрешение изображения можно использовать в соответствии с потребностями,
(3),особенности формата gif
Особенности: Динамическая графика, меньше поддерживаемых цветов.
Сфера использования: Частота использования на сайте в настоящее время считается низкой.
46. Существует два способа решения проблем совместимости
-
IE6/IE7/IE8
поддержка черезdocument
Теги, сгенерированные методом, используют эту функцию, чтобы эти браузеры поддерживалиHTML5
новая этикетка; - использование
html5shim
Кроме того, рамаDOCTYPE
Способ объявления состоит в том, чтобы различатьHTML
а такжеHTML5
Важный фактор логотипа, кроме того, можно также выделить по добавленным структурным, функциональным элементам.
напиши в конце
Это то, чем я делюсь на этот раз. В качестве координации общих знаний HTML для интервью, некоторые точки знаний в статье заимствованы (chao) из (xi) Du Niang. Так что, если кто-то из ваших друзей увидит, что его очки знаний на этом растут, не паникуйте! ! ! ! Одна Леле не так хороша, как все, а делиться знаниями тоже очень приятно~
Наконец, эта статья будет постоянно обновляться. Кроме того, если в тексте есть недостатки, пожалуйста, оставьте сообщение ниже, чтобы указать, и редактор вовремя исправит это.
возобновить: НовыеCSS-статьиС ним разобрались и можно расписываться~