Прежде чем научиться применять CSS, мы должны сначала понять, что такое CSS. CSS — это аббревиатура каскадных таблиц стилей.
* Язык CSS — это язык разметки, который не требует компиляции и может выполняться непосредственно браузером (это язык, интерпретируемый браузером).
* CSS отвечает за стандартную производительность веб-дизайна. содержимое веб-страницы (XHTML).
* Файл CSS также можно назвать текстовым файлом, который содержит некоторые теги CSS. Файл CSS должен использовать css в качестве суффикса имени файла.
* Общая производительность веб-страницы может быть изменена. простое изменение файла CSS. Form может уменьшить нашу рабочую нагрузку, поэтому это обязательный курс для каждого веб-дизайнера.
* CSS создается и поддерживается рабочей группой CSS W3C.
Поняв, что такое CSS, мы можем легко его применить. Мы можем добавить его в свой блог двумя способами, поскольку метод применения CSS имеет принцип близости. То есть определение стиля, наиболее близкое к цели, имеет более высокий приоритет. Стиль с высоким приоритетом унаследует непересекающиеся определения стиля с низким приоритетом, но переопределит перекрывающиеся определения.
Связывание с внешним файлом таблицы стилей (связывание с таблицей стилей)
Сначала можно создать внешний файл таблицы стилей (.css), а затем использовать объект ссылки HTML. Пример следующий:
<head>
＜title＞Название документа＜/title＞
＜ссылка rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
В XML вы должны добавить его в область объявления, как показано в следующем примере:
＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
Определите объект внутреннего блока стиля (встраивание блока стиля)
Вы можете вставить объект блока <STYLE>...</STYLE> между тегами <HTML> и <BODY> в вашем HTML-документе. Методы определения см. в синтаксисе таблицы стилей. Пример следующий:
<html>
＜голова＞
＜title＞Название документа＜/title＞
＜тип стиля="текст/css"＞
<!--
тело {шрифт: 10pt «Arial»}
h1 {шрифт: 15pt/17pt «Arial»; толщина шрифта: жирный; цвет: темно-бордовый};
h2 {шрифт: 13pt/15pt «Arial»; шрифт: жирный; цвет: синий};
p {шрифт: 10pt/12pt "Arial" цвет: чёрный};
-->
＜/стиль＞
＜/голова＞
<body>
Обратите внимание, что установка здесь атрибута типа объекта стиля на «text/css» позволяет браузерам, которые не поддерживают этот тип, игнорировать таблицу стилей.