Кот |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Кот » Архив обучения от 03.12 » Нельзя просто так взять и разобраться в этом коде
Привет еще раз, Лена)
Прежде чем мы начнем, я задам все те же пресловутые вопросы:
1. Почему, собственно, я?)
2. Сколько у тебя есть браузеров в распоряжении?
3. Что хочется изучить "вотпрямщас"?)
4. На какие знания расчитываешь к окончанию своего обучения в новичках?)
1. Почему, собственно, я?)
Такой милый ник :3
Джонни :3
И что - то изнутри мне подсказало, что мы сработаемся)
2. Сколько у тебя есть браузеров в распоряжении?
Ммм..Опера, которая не очень фурычит; Гугл хром, с которого я сижу, Explore
3. Что хочется изучить "вотпрямщас"?)
Все эти коды 
Я не знаю что они значат, как их расставлять
4. На какие знания расчитываешь к окончанию своего обучения в новичках?)
Надеюсь, что научусь разбираться во всех кодах)
Я не знаю что они значат, как их расставлять
Прям ни одного кода не знаешь? 
Можно и так сказать...
Я очень хочу научится их понимать и различать 
Тогда начнем с самого общего - общего вида всех css-кодов)
селектор {параметр: аттрибут;}
Селектор - ничто иное, как наш отдельно взятый элемент. Параметр - свойство (например, высота, ширина, цвет и картинка фона, размер шрифта в этом блоке и т.д.). Аттрибут - значение данного конкретного свойства.
Надо сказать, что параметры одного селектора могут быть записаны друг за другом, т.е. так:
селектор {
параметр1: аттрибут1;
параметр2: аттрибут2;
параметр3: аттрибут3;
}
А еще возможен вариант, когда у тебя для нескольких селекторов одни и те же параметры, тогда можно написать так:
селектор1, селектор2, селектор3 {
параметр1: аттрибут1;
параметр2: аттрибут2;
параметр3: аттрибут3;
}
Если для селектора вначале задается свойство с одним значением, а затем то же свойство, но уже с другим значением, то применяться будет то значение, которое в коде установлено ниже:
p { color: green; }
p { color: red; }
В данном случае в блоке цвет текста будет красный, а не зеленый, потому что строка, задающая красный, находится ниже.
Все понятно, есть вопросы?
Вроде бы понятно)
На практике узнаем
Идем дальше :3
Сейчас ты сделаешь один маленький фокус. Заходишь с Хрома (если уже не сидишь на нем х) ), кликаешь по любому месту страницы и нажимаешь из контекстного меню "Просмотр кода элемента". Снизу всплывет окошечко, не пугайся и не торопись закрывать, а хорошенько рассмотри.
Эта маленькая фишка избавить тебя от запоминания названий кучи селекторов) Я, по правде, почти никогда их не запоминаю, потому что Хром есть под рукой
Когда закончишь рассматривание, поделись своими наблюдаениями - что увидела, какие сделала выводы из увиденного?
Окей)
Сделаю, когда на другой комп перейду)
Кликать вообще по любому месту левой клавишей?
Отредактировано буря эмоций (2012-08-12 17:58:43)
Ааа, всего так мнооого
Я ничего не запомню никогда
Ближе к низу много картинок
буря эмоций
Виновата, отлеживалась
Щелкаем правой кнопкой, выбираем, смотрим Закрывается этот ужас справа вверху, маленький крестик в кружочке.
Вы здесь » Кот » Архив обучения от 03.12 » Нельзя просто так взять и разобраться в этом коде
