введение:
Цитирую отрывок из книги: «Когда я впервые начал изучать китайский язык, мой наставник Лао Ван дал мне китайско-английский словарь, учебник китайской грамматики и учебник для начинающих. не должны были использоваться до следующей недели. В течение первой недели он научил меня только слушать и запоминать несколько фраз, а затем хотел, чтобы я научился повторять некоторые из них. «Извините, где находится. ресторан? «Принеси мне немного риса, пожалуйста». «Сколько стоит это платье? В течение этой недели мне пришлось безоговорочно принять знания, структуру предложений, произношение и грамматику. Однако в пятницу я действительно мог пойти в китайский ресторан, заказать тарелку риса и оплатить счет. Никакой теории, никаких объяснений, вот и все. Все простые фразы дали мне достаточно грамматики и словарного запаса для этого.
Я не знаю, с каких пор китайцы начали серьезно относиться к CSS. Многие люди начинают изучать CSS, но не знают, с чего начать, поэтому эта статья написана для тех, кто только начинает изучать CSS.
1. Изучение CSS сосредоточено на методах!
То же самое и при обучении чему угодно: от начальной школы, средней школы до университета, помимо получения знаний, вам также необходимо изучать методы!
Если вы хотите освоить CSS, сначала вам нужно изучить HTML. Я начал изучать HTML с нуля и потратил месяц на изучение HTML. У меня не было учителя, поэтому моим единственным учителем были книги, и у меня не было доступа к Интернету! Месяц спустя я начал изучать CSS. Первой книгой по CSS, которую я прочитал, была «Дизайн веб-стилей CSS». Прочитав ее несколько дней, я обнаружил, что вообще ничего не понимаю! , а затем изменено на «Справочную энциклопедию HTML». Эта книга представляет собой обычную настольную книгу для дизайнеров веб-страниц! Причина, по которой я изменил эту книгу, чтобы изучить CSS, заключается в том, что ее частью является CSS, и она стала моей книгой по просвещению CSS. Прочитав несколько абзацев, я чувствую, что учебники, написанные иностранцами, очень организованы, начиная от более мелкого к более глубокому и шаг за шагом ведут вас вперед, так что вы понимаете, о чем они говорят, в отличие от отечественных книг, которые имеют разная глубина и неорганизованность, как будто он боится, что вы не знаете, что он очень хорошо осведомлен! Как и упомянутая ранее книга «Дизайн веб-стилей CSS», я тогда прочитал ее, будучи новичком в CSS, и понятия не имел, о чем там идет речь!
Давайте поговорим о деталях процесса обучения, ведь стиль невозможно отделить от HTML-страницы, если HTML не сочетается со стилем, CSS потеряет смысл существования. Поэтому в книге обычно приводится пример, а затем вы можете протестировать эффект на компьютере. Это потому, что автор хочет, чтобы вы получили предварительное представление о таблице стилей CSS и рассказали, на что способен CSS. Маленький пример: «Хотя воробей и маленький, у него есть все пять внутренних органов». Вы можете не понимать истинного смысла каждого утверждения. Но вы можете запомнить структуру примера и постоянно использовать ее на практике в будущем. Процесс непрерывного использования — это процесс непрерывного запоминания, поэтому вы не можете расслабиться и все время думать, что у вас плохая память, но это не так. Неважно, едешь ли ты на быке или на тысячемильном коне. Несмотря ни на что, если у тебя есть настойчивость, ты обязательно дойдешь до конца.
При чтении книги, вообще говоря, следует прочитать всю книгу в первый раз. Если вы не понимаете, вам следует читать дальше. В процессе чтения вы, возможно, найдете ответ на этот вопрос. После прочтения у вас сложится общее впечатление, но, должно быть, есть много вещей, которых вы не понимаете. Это не имеет значения, просто продолжайте читать.
Во второй раз во время чтения вам придется делать заметки. Запишите те части, которые, по вашему мнению, являются ключевыми. Также запишите те части, по которым, по вашему мнению, у вас есть вопросы. Продолжайте читать, задавая вопросы. , вы можете опубликовать сообщение на BBS. Есть еще много благонамеренных людей. Напоминаем: «Вы должны научиться задавать вопросы». Я не буду здесь вдаваться в подробности. Вам приходится садиться за компьютер, чтобы попрактиковаться в примерах из книги. Больше всего вас смущает следующее: «Во-первых, вы не можете это запомнить, а во-вторых, у вас неправильное понимание концепции. (Это может быть потому, что книга плохо переведена, а во-вторых, ваше понимание неверно." )", для первого вам придется набраться уверенности, настойчиво и настойчиво. Когда вы дойдете до конца, вы обнаружите, что все само собой разумеющееся. Потому что если вы будете усердно работать, вы будете вознаграждены и получите результаты.
Многие люди тоже смотрели его, но не добились никакого прогресса. Основные причины я анализирую следующим образом:
Причина 1: Недостаточное давление, потому что многие люди, например художники, изучают CSS, потому что смотрят, как его изучают другие, поэтому они изучают его, и если они его не изучат, у них не будет никакого преимущества! Такое давление очень незначительное. Если вы не будете хорошо учиться, у вас все равно будет работа художника.
Причина вторая: это всего лишь частичное обучение, и оно просто для развлечения, потому что вам не обязательно зарабатывать на жизнь с помощью этой технологии.
Причина третья: метод неправильный. Некоторые люди просто смотрят уроки, но они этого не делают. Раньше я слишком много смотрел и слишком мало делал, поэтому только с практикой вы сможете внедрить теоретические вещи.
2. Освойте четыре этапа обучения CSS.
Однажды я спросил пользователя сети, сложно ли выучить CSS?
Она сказала: «Это несложно». Я спросил: «Как долго ты учишься?» Она сказала: «Только узнала». На самом деле, то, что она сказала, правильно! Если кто-нибудь спросит меня, сложно ли выучить CSS? Я бы сказал: «Это сложно!» Почему я говорю, что это сложно?
Изучение CSS можно разделить на следующие этапы:
Этап 1: Страницу можно создавать, не задумываясь о проблемах совместимости с браузером, но страница везде пишется с режимом TABLE DIV.
Этап 2: Продумываются проблемы совместимости, но предотвратить их заранее невозможно. Остается только исправить проблемы и широко использовать технологию HACK (я знаю только о технологии HACK, но использую ее редко).
Этап 3: ОШИБКИ можно предотвратить заранее, но в таблице стилей широко используются ID, CLASS, а CSS переводится как перекрывающиеся таблицы стилей, например «DIV P SPAN». Этот код отмечает подэлемент SPAN P в подэлементе DIV. Написав таким образом, вы можете определить стиль SPAN без добавления CLASS к SPAN. В этом преимущество CSS. Почему бы не использовать его с пользой и обязательно определить КЛАСС!
Этап 4. Этот этап — самый сложный, с хорошей семантической структурой HTML, разумным CSS и повторно используемыми стилями. В этой области есть статьи о хорошей семантике и разумном CSS. Обязательно напишу специальную тему для изучения этих двух аспектов в будущем.
3. Часто задаваемые вопросы для начинающих CSS
Давайте сделаем это шаг за шагом. Первое требование — заголовок должен быть непосредственно под миниатюрой. Это довольно просто: поместите изображение в HTML, за которым следует разрыв строки (BR), затем поместите заголовок внутри абзаца (P) и отцентрируйте его (с помощью CSS).
Далее нам нужно расположить эти миниатюры и заголовки попарно в окне браузера. При использовании табличного макета пары миниатюр и заголовков будут помещены в ТД соответственно. При использовании макета CSS нам необходимо поместить их в DIV соответственно. Чтобы расположить их в окне горизонтально, мы используем CSS, чтобы сместить эти элементы DIV влево (FLOAT).
Вопрос 1. Какую книгу мне следует прочитать, чтобы изучить CSS?
Для начала позвольте мне порекомендовать несколько книг:
«Полное руководство по CSS»
«Реконструкция сайта»
«Запись макета веб-сайта»
«Справочник HTML»
Если вы мало что знаете о HTML, вы можете сначала прочитать книгу «Справочник по HTML». Эта книга — не только учебное пособие, но и хороший инструмент для выполнения запросов к HTML. Недавно опубликованные книги «Освоение CSS» и «Безупречный веб-дизайн» — очень хорошие книги, но они не подходят для людей, у которых нет знаний CSS. Если вы хотите стать отличным разработчиком CSS, у вас также должно быть солидное образование. Foundation на английском языке. Вы можете читать зарубежные учебники по CSS и участвовать в соответствующих форумах. Некоторые говорят, что если вы не понимаете английский язык, вы можете просто читать код, но на самом деле в их книгах обсуждается не только код, но и, что более важно. , они нам скажут. Идея кодирования и метод кодирования заслуживают изучения и понимания. Кроме того, я рекомендую следующие учебные пособия по китайскому языку: «Стандарт HTML и CSS», «Китайское руководство по CSS2» Су Чэнь Сяоюй и электронную версию «Веб-дизайнера». Есть много электронных книг на иностранном и английском языках, поэтому я не буду; Я привожу примеры один за другим. Чтение электронных книг — очень утомительное занятие. Я не привык читать электронные книги, поэтому часто покупаю книги для чтения.
Вопрос 2. Какое программное обеспечение используется для редактирования кода CSS?
Кажется, этот вопрос задают чаще всего! Сначала позвольте мне рассказать о себе. Впервые я использовал DreamWeaver для написания кода. Поскольку программное обеспечение DreamWeaver само по себе очень требовательно к процессору и памяти, вы можете себе представить скорость редактирования во время выполнения. Пройдя долгое время, я перешел в состояние «полурукописного ввода». «Полурукописный ввод» означает использование функции подсказки кода, предоставляемой DW. Когда вы пишете «F», стиль «F» будет немедленно изменен. будет предложено позже, вам будет удобно выбрать. Если вы напишете еще несколько букв, нужный стиль будет найден быстро. Это может ускорить написание стиля, но есть один недостаток: если вы выйдете из программы редактирования, которая предлагает вам, вы не сможете писать стили. например, когда вы меняете стиль тонкой настройки у программиста, он может использовать не то же программное обеспечение, что и вы, и у него может не быть функции подсказки кода, поэтому вы можете вернуться на свой компьютер только для его редактирования. а затем отправить его программисту! Это явно непрофессионально! Итак, если вы хотите быть отличным человеком, вам нужно быть профессионалом!
При этом кажется, что тема еще не упоминалась:
Если вы умеете писать от руки, вы можете использовать любое программное обеспечение. Рекомендуется использовать плагин TopStyle для DreamWeaver (последняя версия — Pro V3.12).
Вопрос 3: Должен ли я сначала написать HTML или CSS?
В Интернете есть много ответов: сначала напишите HTML, а затем напишите CSS; сначала напишите CSS, а затем напишите HTML и оба одновременно; Я склонен писать оба вместе. Сначала написание CSS или сначала написание HTML не подходят для новичков. Если вы попросите человека написать код и скажете ему сначала написать HTML, HTML не может быть изменен после написания, а затем вы пишете CSS. Если он может это написать, то этот человек должен быть разработчиком очень высокого уровня! Так что новичкам в большинстве случаев рекомендую написать, заодно поясню конкретные шаги:
Сначала нам нужно создать сайт и каталог. Например, мы создаем папки CSS и IMAGES. Эти две самые простые. Затем мы создаем новый файл HTML, style.css и пустую таблицу стилей и подключаемся. HTML-страницы в эту внешнюю таблицу стилей.
Затем мы сначала пишем самую базовую часть макета в HTML, используя DIV, а затем добавляем ID или CLASS непосредственно в DIV. Эти части макета включают внешнюю часть, часть заголовка, среднюю часть, левую, среднюю и правую часть. , авторская часть и т.п.
После их написания вы можете перейти к таблице стилей, чтобы написать стиль, или продолжить писать части макета. Давайте возьмем заголовок в качестве примера. Напишите часть ЛОГОТИПА в заголовке, а также добавьте идентификатор или. КЛАСС к части НАВ. То же самое относится и к другим.
Почему мы говорим, что невозможно написать HTML-часть за один раз? Потому что люди могут допускать ошибки. Могут возникнуть проблемы с процессом написания ваших идей или проблемы совместимости браузера, некоторые из которых связаны с вами. Опыт Недостатки не предвидятся заранее, поэтому при обнаружении проблем при написании стилей, возможно, придется изменить HTML-код. Вот как вы это пишете. Вы также можете одновременно использовать HTML/CSS. Все зависит от ваших привычек. Когда мы пишем код, мы часто тестируем его во время написания. Это не значит, что мы пишем одно предложение для проверки одного предложения. Вместо этого мы пишем фрагмент кода, а затем тестируем его с помощью IE6 и FF одновременно. . В большинстве случаев хороший разработчик будет тестировать свой код после того, как он напишет его в течение длительного времени. Это потому, что если у человека больше опыта, он будет знать и предотвращать возникновение ошибок браузера заранее! Таким образом, они могут писать код быстрее, чем неопытные люди. Они уже рассмотрели ошибки, с которыми вы сталкиваетесь. Когда вы впервые сталкиваетесь с проблемой неправильного отображения в браузере, вам придется потратить время на ее исправление, но они могут предотвратить ее заранее или решить проблему немедленно! Это одно из различий между вами и ними.
Еще одно различие между новичками и экспертами заключается в том, что эксперты используют множество сочетаний клавиш, поэтому обязательно запомните эти часто используемые сочетания клавиш. Каждая маленькая деталь немного улучшится, и вместе они принесут большое улучшение.
Кроме того, лучший способ повысить свой уровень — больше практиковаться и найти несколько лучших шаблонов HTML+CSS для практики кодирования. Сначала выберите более простой, сделайте снимок экрана страницы, а затем используйте свои собственные идеи. Восстановить картинку на HTML-страницу...