Для начала мы создадим файл, куда будем прописывать стили для элементов HTML. Назовем наш файл «cascadе.css» обязательно с расширением «.css» потом привязываем к нему те страницы нашего сайта на которые мы хотим чтобы распространялись наши стили. А делается это следующим образом:
1. Открываем файл «html» на который будет распространятся «css»
2. Вставляем между тэгами <head> </head> следующий код:
<link href=»cascadе.css» rel=»stylesheet» type=»text/css»>
Данный код говорит браузеру что ему необходимо учитывать стили которые мы задали тому или иному элементу которые прописаны в файле по указанному адресу (href=»cascadе.css») как прописывается адрес (путь) написано здесь и читать данный файл он должен на языке «css». Теперь открываем наш файл «cascadе.css» и прописываем в нем следующий код:
| body {background-color: #AAFFFF;} a a:hover h1 h2 p |
Сохраняем
Создаем две страницы «primer1.html»
| <html> <head> <title>Пример №1</title> <link href=»cascadе.css» rel=»stylesheet» type=»text/css»> </head> <body> <a href=»primer2.html»>Переход не вторую страницу</a> <br/> <h1>Мы рады вас видеть!!!</h1><br/> <h2>Здесь вы найдете все что искали!!!</h2><br/> <p>На этом сайте Вы найдёте любую информацию, которую вы так долго искали на просторах интернета.</p> </body> </html> |
и «primer2.html»
| <html> <head> <title>Пример №2</title> <link href=»cascadе.css» rel=»stylesheet» type=»text/css»> </head> <body> <a href=»primer1.html»>Переход не первую страницу</a> <br/> <h1>Мы рады вас видеть!!! Это вторая страница! </h1><br/> <h2>Здесь вы найдете все что искали!!!</h2><br/> <p>На этом сайте Вы найдёте любую информацию, которую вы так долго искали на просторах интернета.</p> </body> </html> |
Ну вот собственно и всё. Мы можем создавать сколь угодно файлов html и привязывать их к одному файлу css и в дальнейшем если нам понадобиться изменить стиль всем параграфам, то для этого достаточно будет изменить, лишь одну строку в файле css.
Александр Переход не вторую страницу
Опечатка в примере.