AxeRuslan
НА WEN.RU
Неумею подключать style.css
к index.html !
Например:
1.Выбираем полнотекстовый
редактор в style.css и
вставляем туда css код!
А дальше чего делать я
незнаю
обьясните
пожайлуста поэтапто 1.
2.
3.
4.
AxeRuslan
НА WEN.RU
Неумею подключать style.css
к index.html !
Например:
1.Выбираем полнотекстовый
редактор в style.css и
вставляем туда css код!
А дальше чего делать я
незнаю обьясните
пожайлуста поэтапто 1.
2.
3.
4.
wapoleg
Расставляй классы которые присутсвуют в стиле:
<div class="название класса">
содержимое
</div>
добавлено спустя 3 минуты:
Это в index.html
Pisatel
Подключение до закрывающего тега </head> в html- документе:
<link href="style.css" rel="stylesheet" type="text/css"/>
добавлено спустя 42 минуты:
Вот простейшая страница с подключенным файлом. Быстро набросал 4 див'а, посмотришь, что получится, как с помощью css управлять содержимым.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Простая страничка</title>
</head>
<body>
<div class="header">Делаем свою страничку</div>
<div class="center">Середина нашей страницы</div>
<br />
» <a href="index.html">Ссылка</a>
<div class="footer">Наш подвал</div>
</body>
</html>
CSS:
body {
width: 100%; /*ширина во весь экран*/
margin: 3px; /*отступ от края окна браузера*/
padding: 2px; /*отступ внутри для элементов*/
font-family: Tahoma; /*имя шрифта по умолчанию*/
font-size: 13px; /*размер шрифта по умолчанию для всех элементов, можно изменять для каждого индивидуально*/
color: yellow; /*цвет текста по умолчанию*/
background: black; /*цвет фона по умолчанию*/
border: 1px solid white; /*бордюр*/
}
.header {
text-align: center; /*выравниваем текст по центру*/
font-style: italic; /*делаем наклонный курсив*/
font-size: 130%; /*увеличиваем размер шрифта на 30%*/
}
.center {
text-align: left; /*по левому краю*/
color: green; /*делаем зеленым*/
}
a {
text-decoration: none; /*убираем подчеркивание ссылки*/
}
a:hover {
text-decoration: underline; /*добавляем подчеркивание при наведении курсора*/
font-style: italic; /*курсив*/
color: red; /*при наведении ссылка становится красной*/
}
.footer {
width: 100%; /*ширина во всю ширину браузера*/
font-size: 160%; /*увеличиваем шрифт*/
text-align: center; /*по центру*/
border: 2px solid silver; /*бордюр*/
margin: 2px; /*отступ снаружи элемента*/
}
Aventus
Почему никто не упоминает что есть такой способ
<html>
<head>
<title>Простая страничка</title>
<style>body
{
width:auto;
}
</style>
</head>
<body>
...
</body>
</html>
Aventus
HuKTO, здесь это используют, так что это не извращение и даже не велосипед.
28 Дек 2012, 15:27HuKTO
Aventus, вот сам посуди, потом тебе придется корячиться в каждом файле, если вдруг решил поменять что-то, когда можно было бы всего в одном
28 Дек 2012, 15:27