CSS
Сообщений: 5
• Страница 1 из 1
CSS
antua » 29 мар 2013, 23:19
Здравствуйте! Вот я начинал изучать CSS, но у меня вышла один проблема все что написана в учебе я сделал но в Внедрение CSS в HTML документ сделать не смог. Когда все сделаешь каком формате надо сохранит. Может как то по другому надо сохранить.
- antua
- Сообщения: 1
- Зарегистрирован: 29 мар 2013, 23:12
Re: CSS
Nikel097 » 30 мар 2013, 05:56
Я использую два варианта:
1-й)между тегами <head> и </head> пишешь
и между ними пишешь все стили которые тебе нужны.
2-й)Создаешь файл
в нем также прописываешь стили. Подключается очень просто:
между тегами <head> и </head> пишешь
2-й лучше. Один файл можно подключить к большому количеству страниц. Поэтому изменил стили в одном файле и они поменяются во всех остальных, где Вы его подключили.
1-й)между тегами <head> и </head> пишешь
- Код: Выделить всё
<style type=text/css>
.
.
.
</Style>
и между ними пишешь все стили которые тебе нужны.
2-й)Создаешь файл
- Код: Выделить всё
имя_файла.css
в нем также прописываешь стили. Подключается очень просто:
между тегами <head> и </head> пишешь
- Код: Выделить всё
<link rel="stylesheet" href="путь_к_файлу/имя_файла.css" type="text/css">
2-й лучше. Один файл можно подключить к большому количеству страниц. Поэтому изменил стили в одном файле и они поменяются во всех остальных, где Вы его подключили.
-
Nikel097 - Сообщения: 276
- Зарегистрирован: 04 июн 2012, 12:27
- Откуда: Казахстан, Алматы
Re: CSS
Encoder » 30 мар 2013, 12:52
Можно создать новый файл для CSS, сохранить его в той же папке где HTML файл и назвать его style.css (имя может быть любое, главное указать расширение .css и при подключение указать ваш файл). Дальше подключаем его уже в HTML файле, между тегами <head></head> пишем
Вот примерно так:
Тут href="style.css" в двойных кавычках указывает путь до css файла.
Ну и структура файлов должна быть примерно такая: папка site, а в папке 2 файла index.html и style.css.
- Код: Выделить всё
<link rel="stylesheet" type="text/css" href="style.css">
Вот примерно так:
- Код: Выделить всё
<head>
<title>Титл</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
Тут href="style.css" в двойных кавычках указывает путь до css файла.
Ну и структура файлов должна быть примерно такая: папка site, а в папке 2 файла index.html и style.css.
-
Encoder - Модератор
- Сообщения: 360
- Зарегистрирован: 21 фев 2011, 11:15
Re: CSS
zeeshan123 » 30 дек 2014, 15:31
Есть ли какой способ сделать в таблице границы только между ячеек и стобцов? (т.е. убрать внешние границы)
We are the leading the world in providing best Testking 70-466 gre and testking.eu prep solutions. Our incredible offers for nova and www.ku.edu gedare accessible at Florida National University our Lynn University ged is very rare in IT world.
We are the leading the world in providing best Testking 70-466 gre and testking.eu prep solutions. Our incredible offers for nova and www.ku.edu gedare accessible at Florida National University our Lynn University ged is very rare in IT world.
Последний раз редактировалось zeeshan123 10 янв 2015, 14:12, всего редактировалось 1 раз.
- zeeshan123
- Сообщения: 1
- Зарегистрирован: 30 дек 2014, 15:27
Re: CSS
Nikel097 » 31 дек 2014, 10:53
конкретно какого-то стиля нет. Нужно создать стили для верхних, правых, нижних и левых ячеек.
Стили CSS:
HTML-код
Результат:
Стили CSS:
- Код: Выделить всё
table {
border-spacing:0;
}
td {
border: #000 solid 1px;
width:20px;
height:20px;
}
td.up {
border-top-width:0;
}
td.bottom {
border-bottom-width:0;
}
td.left {
border-left-width:0;
}
HTML-код
- Код: Выделить всё
<table>
<tr>
<td class="up left"></td>
<td class="up"></td>
<td class="up"></td>
<td class="up"></td>
<td class="up right"></td>
</tr>
<tr>
<td class="left"></td>
<td></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
<td class="left"></td>
<td></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
<td class="left"></td>
<td></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
<td class="bottom left"></td>
<td class="bottom"></td>
<td class="bottom"></td>
<td class="bottom"></td>
<td class="bottom right"></td>
</tr>
</table>
Результат:
- 123.jpg (4.18 КБ) Просмотров: 4125
-
Nikel097 - Сообщения: 276
- Зарегистрирован: 04 июн 2012, 12:27
- Откуда: Казахстан, Алматы
Сообщений: 5
• Страница 1 из 1
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1