1. Сделайте хорошее использование аббревиатуры CSS, может уменьшить размер файла страницы, увеличить скорость загрузки и просто прочитать код. Может быть написан как Другой пример: Может быть переписано как: (Для получения подробной информации, пожалуйста, см. Справочное руководство CSS2, обычно используемое резюме CSS -аббревиатура) 2. Он может установить несколько правил для атрибута класса элемента HTML одновременно (определение множественного класса). Этот элемент также включает в себя стили в A и B 3. уточнить единицу, если значение не является 0 ПРИМЕЧАНИЕ. Не добавляйте пустую сетку между числовыми и единицами. 4. Дифференцированные рукописи в XHTML. Не могу показать 1 пиксельную линию края 5. Недавние принципы приоритета CSS Если вы определите несколько стилей на элементе, последний стиль первого уровня первого уровня будет определяться другими стилями. Здесь показывает красный Это показывает синий здесь Здесь показывает зеленый Вот желтый Он также отображается как желтый, потому что .yllow находится позади .blue. 6. Определения использования подмекторов для уменьшения идентификатора и класса, например: Можно изменить на: 7. Не добавляйте фоновый путь изображения, чтобы изменить фон: url ("xxx.gif") на фон: url (xxx.gif) 8. Путь фонового изображения относительно текущей страницы CSS. Например: 9. Использование различных элементов для применения того же стиля, таких как H1, H2, H3, div {font-size: 16px; 10. Напишите правильный стиль ссылки. 11. Запретные изменения контента и обязательные изменения контента в таблицах или уровнях Мы можем надеяться, что контент не будет изменен или вынужден изменить линию. 12. Разница Относительно, написание в CSS: позиция: относительно; Такой, как прокладка в родительском уровне, текущий уровень текущего уровня расположен со ссылкой на исходную точку области родительского содержания. 13. Дифференциальный див и пролет 14. Дифференциальное отображение и видимость
нравиться:
Div {
Пограничная топ: 1PX SOLID #CCCCCCC;
РЕМЖА СЛЕДУ: 1PX SOLID #CCCCCCC;
граница правая: 1px soli #ccccccc;
Пограничный подвод: 1PX SOLID #CCCCCCC;
}
p {border: 1px solid #cccccc}
Div {
маржинальная версия: 10px;
Право маржи: 20px;
Маржинальный бат: 30px;
Маржа-Хефт: 40px;
}
/*Обратите внимание на порядок написания, справа, вниз и слева*/
Div {Margin: 10px 20px 30px 40px}
/*Обратите внимание, что значение и устройство не могут иметь пространство, а пространство разделяется пространством между каждым значением*/
Обычно мы пишем:
Фактически, мы можем указать несколько правил для элемента P, например:
CSS:
.a {...}
.b {….}
HTML:
Примечание: отделяйте с пробелами между несколькими правилами.
Забыл определить размер - распространенная проблема у начинающих CSS. Мы можем написать ширину = "100" в HTML, но в CSS следует указать точную единицу. Такие как: ширина: 100px; Размер значения 0 равен.
Такие как #AAA, который отличается от #AAA.
Если #AAA определено в CSS, использование AAA в HTML -элементах для применения его не сможет получить стиль, определенный в #AAA.
Пример кода:
CSS:
#AAA {Border: 1px Solid #CCC}
HTML:
нравиться:
CSS:
p {color: красный}
.blue {color: Blue}
.yllow {color: желтый}
HTML:
Уведомление:
(1) Обратите внимание на несколько приоритетных последовательностей стилей (приоритет уменьшается сверху вниз):
-Настройки стиля неле
-Настройки головного участка
-В в внешних эталонных файлах CSS (2) Приоритет не установлен в порядке доступа, но установлен заказ в CSS.
Как показано в приведенном выше примере, показывает желтый
#Содержать {..}
#Contain_ul {...}
.contail_li {...}
#Содержать {..}
#Contain ul {...}
.Contain ul li {...}
Потому что добавление кавычек для некоторых браузеров может вызвать ошибки.
Это следующие структуры каталогов
-xxx.gif
-Css
--xx.css
-ddex.html
Кодовое содержание
Index.html ссылается на файл xx.css.
XX.CSS хочет процитировать XXX.GIF Pictures.
Тогда H1, H2, H3, Div Элементы - все 16 пикселей, толстые шрифты
Если вы не пишете в этом порядке, вы не сможете достичь эффекта своей надежды. Чтобы запомнить этот порядок, мы извлекаем первые буквы каждого слова: lvha, вы можете вспомнить порядок по памяти любви, героя, два слова.
Запрещено изменять: белое пространство: nowrap
Обязательное изменение: Word-Wrop: Word-Word;
Абсолютно, написание в CSS: Положение: Абсолютно; Точка родительского уровня заявляет в качестве исходной точки. Если TRBL установлен и родительский уровень не устанавливает атрибут позиции, то текущий абсолют расположен с исходной точкой в верхнем левом углу браузера, и положение будет определено TRBL.
Div -это элемент блока -выработки, который может содержать параграфы, таблицы и другое контент для размещения различного контента. Как правило, мы выкладываем каждый блок на веб -странице, чтобы выложить каждый блок на веб -странице.
SPAN является внутренним ассоциированным элементом, без практического значения.
Дисплей: Нет и видимость: Скрытый может скрыть элемент, но видимость: скрытый просто скрывает содержание элемента, но используемое пространство местоположения все еще сохраняется.
Дисплей: Ни один из них не удален со страницы, и ее позиция по профессии также будет удалена.