CSS

Обсуждение вопросов, проблем связанных с обучением CSS

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> пишешь
Код: Выделить всё
<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> пишем
Код: Выделить всё
<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.
Последний раз редактировалось zeeshan123 10 янв 2015, 14:12, всего редактировалось 1 раз.
zeeshan123
 
Сообщения: 1
Зарегистрирован: 30 дек 2014, 15:27

Re: CSS

Сообщение Nikel097 » 31 дек 2014, 10:53

конкретно какого-то стиля нет. Нужно создать стили для верхних, правых, нижних и левых ячеек.

Стили 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
123.jpg (4.18 КБ) Просмотров: 4148
Аватара пользователя
Nikel097
 
Сообщения: 276
Зарегистрирован: 04 июн 2012, 12:27
Откуда: Казахстан, Алматы


Вернуться в CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

cron
Рейтинг@Mail.ru