Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Пример оформления таблицы CSS

  1. 1. Первоначальный макет
  2. 1.1 Настройка HTML
  3. 1.2 Понимание основ стиля
  4. 2. Изменение стилей элементов таблицы
  5. 2.1 Интервал
  6. 2.2 Оформление границ
  7. 2.3 Cell Styling
  8. 3. Расширенные настройки макета и стиля
  9. 3.1 Варианты расположения: свойство границы-свертывания
  10. 3.2 Варианты расположения: свойство границы
  11. 3.3 Варианты расположения: свойство пустых ячеек
  12. 3.4 Атрибут «colspan»
  13. 3.5 Дизайн стола
  14. 4. Вывод

Цель этого примера - показать, как вы можете создавать таблицы с HTML и стилизовать их с помощью CSS, включая конкретные и различные примеры.

Поскольку веб-страницы загружены большим количеством информации, иногда становится необходимостью упорядочивать данные более простым и интуитивно понятным способом.

Вот где CSS может оказать большую помощь. Ниже вы можете найти полное руководство по таблицам CSS, от настройки HTML до стильной точки зрения строк и ячеек таблицы.




1. Первоначальный макет

Во-первых, перейдите и создайте HTML-файл. Этот файл будет тем, к которому мы добавим как HTML, так и CSS код, чтобы сделать его максимально простым. Тем не менее, при рассмотрении более сложных веб-страниц с большим количеством HTML, я рекомендую разделить код стиля в файле CSS.

1.1 Настройка HTML

Первоначальный макет состоит из создания базовой структуры HTML нам нужно.

Чтобы сделать это, давайте сначала объясним, какие у нас есть теги для таблиц в html и что они означают:

1. таблица - этот тег определяет таблицу в html.
2. tr - этот тег делит таблицу на строки таблицы .
3. td - этот тег создает ячейку, то есть данные таблицы .
4. th - этот тег создает заголовок таблицы .

С учетом сказанного давайте создадим базовую структуру таблицы в формате html со случайным образом 3 строками и 3 столбцами, как показано ниже:

<! DOCTYPE html> <html> <head> <title> Пример таблиц CSS </ title> </ head> <body> <table> <tr> <th> </ th> <th> </ th> <th > </ th> </ tr> <tr> <td> </ td> <td> </ td> <td> </ td> </ tr> <tr> <td> </ td> <td> </ td> <td> </ td> </ tr> </ table> </ body> </ html>

Как видите, мы создали тег table внутри тега body. После этого мы сначала добавили тег строки tr, а внутри каждой строки - данные таблицы (или ячейки) с тегом td. Обратите внимание, что мы также добавили строку заголовка таблицы, используя тег th, в первой строке.

По умолчанию вы не должны видеть ничего отображаемого в браузере до сих пор, потому что мы только создали таблицу, но не поместили туда никакие данные или стили, поэтому отсутствуют информация и макет. Мы добавим их в ближайшее время.

1.2 Понимание основ стиля

Наша таблица должна быть заполнена, поэтому давайте дадим ей некоторую случайную информацию в этом примере. Чтобы придать ему стили и атрибуты макета
мы создаем тег стиля, в который будет помещен весь код CSS. Для начала я даю этой таблице два атрибута:

1. атрибут width 40% (нормальная ширина для приятного просмотра таблицы, позже мы добавим пользовательскую ширину)
2. Атрибут границы твердого тела 0.1em к тегам table, th и td.

Код теперь выглядит так:

<style type = "text / css"> table {width: 40%; граница: 0.1em твердое вещество; } td {border: 0.1em solid; } th {border: 0.1em solid; } </ style> <таблица> <tr> <th> Имя </ th> <th> Фамилия </ th> <th> Возраст </ th> </ tr> <tr> <td> Fabio </ td> <td> Cimo </ td> <td> 20 </ td> </ tr> <tr> <td> Jasmin </ td> <td> Brown </ td> <td> 18 </ td> </ tr > </ table>

И вот как выглядит таблица в браузере:

И вот как выглядит таблица в браузере:

Первый взгляд на табличное представление с примененными начальными атрибутами.

Обратите внимание, что заголовки таблиц по умолчанию устанавливаются браузером в полужирном стиле и центрируются .

Поэтому помните, что все, что вы помещаете внутрь тега th, каждый раз разрабатывается таким образом, но вы можете изменить его.

Другие данные таблицы, такие как информация о ячейке, являются просто обычным текстом и выровнены по умолчанию слева.

Вы, вероятно, видите, что каждая ячейка имеет свою собственную окружающую / отдельную границу, и это выглядит просто плохо.

Мы исправим это с помощью атрибута border-collapse: collapse, указанного в таблице.

(Позже в этой статье мы подробнее рассмотрим свойство border-collapse)

Это исключает необходимость использования атрибутов границ внутри тега таблицы.

Позволяет также выровнять все данные таблицы (тег td) по центру.

Теперь у нас есть код, который выглядит следующим образом в разделе стиля:

<style type = "text / css"> table {width: 40%; / * здесь удален атрибут 'border' * / border-collapse: collapse} td {border: 0.1em solid; выравнивание текста: по центру; } th {border: 0.1em solid; выравнивание текста: по центру; } </ style>

Результат в браузере будет:

Табличное представление с примененными атрибутами text-align и border-collapse.

Теперь мы можем сказать, что создали простую таблицу, которая выглядит хорошо. Но есть много других стилей, которые мы можем применить, чтобы сделать эту таблицу более интересной и привлекательной.

2. Изменение стилей элементов таблицы

До сих пор мы использовали атрибут 40% ширины для нашей таблицы.

Теперь мы увидим более конкретный способ настройки ширины таблицы, определяемой шириной каждой ячейки.

2.1 Интервал

При обсуждении размеров таблиц / строк / ячеек необходимо учитывать несколько интервалов. Два из них наиболее популярны и показаны ниже.

1. Установите размер таблицы в соответствии с желаемой шириной ячеек и высотой строк следующим образом:

<style type = "text / css"> table {/ * здесь удален атрибут 'width: 40%' * / border-collapse: collapse} td {border: 0.1em solid; / * ячейки имеют свой атрибут 'border' * / text-align: center; ширина: 10em; } / * добавлена ​​ширина ячейки * / th {border: 0.1em solid; / * ячейки имеют свой атрибут 'border' * / text-align: center; ширина: 10em; } / * добавлена ​​ширина ячейки * / tr {высота: 2em; } / * добавлена ​​высота строки * / </ style>

Это сделало бы клетки шириной 10 мкм, а ряды высотой 2 мкм . И мы получили бы это представление:

Ширина таблицы и интервалы, используя ширину ячеек и высоту строк

2. Установите внутреннее пространство, называемое отступом, для ячеек (и / или заголовков таблицы), добавив этот атрибут в стиль следующим образом:

<style type = "text / css"> table {border: 0.1em solid; border-collapse: collapse} td {border: 0.1em solid; выравнивание текста: по центру; ширина: 10em; набивка: 1em; } / * добавили заполнение ячеек в ячейки данных таблицы * / th {border: 0.1em solid; выравнивание текста: по центру; ширина: 10em; набивка: 2em; } / * добавили заполнение ячеек в ячейки заголовка * / tr {height: 2em; } </ style>

В этом случае я добавил заполнение 2em к ячейкам заголовка и 1em к ячейкам данных .

Интервал между ячейками с использованием атрибута Padding

2.2 Оформление границ

До сих пор мы устанавливали для нашей таблицы стиль сплошной границы 1px. И это просто хорошо.

Но давайте рассмотрим другие параметры и настройки, которые мы можем применить к границе таблицы.

пунктир - пунктирная граница
пунктирная граница
сплошная - сплошная граница
двойная - двойная граница

Мы применяем стили границ как в коде ниже:

<style type = "text / css"> table {border: 0.1em dashed; / * добавлен другой стиль границы: пунктирная * / border-collapse: collapse} td {border: 0.1em dashed; / * добавлен другой стиль рамки: пунктирная * / text-align: center; ширина: 5em; набивка: 0.5em; } th {border: 0.1em dashed; / * добавлен другой стиль рамки: пунктирная * / text-align: center; ширина: 5em; набивка: 1em; } tr {height: 1em; } </ style>

Для отображения этих четырех стилей на одном рисунке я уменьшил ширину и отступы ячеек.

Фиксированные стили границ

Мы также можем иметь комбинации этих стилей, используя следующие:

пунктирное твердое тело, которое дает стиль сверху и снизу пунктирного и левого и правого тела
пунктирная сплошная двойная пунктирная линия, которая придает особый стиль каждой границе.

Кроме того, границы могут иметь разные цвета и ширину границы, чем по умолчанию, применяя:

1. Для цвета, атрибут border-color или просто добавление кода цвета в атрибут border.
2. Для border-width - атрибут с тем же именем или справа от тега border.

Все случаи показаны ниже и прокомментированы:

<style type = "text / css"> table {border-collapse: collapse; } td {border: solid # e74f3b; / * добавлен цвет рамки внутри атрибута border * / text-align: center; ширина: 10em; ширина бордюра: 0,2 мкм; / * добавлена ​​ширина границы в качестве отдельного атрибута * / padding: 1em; } th {border: 0.2em solid; / * добавлена ​​ширина рамки внутри атрибута border * / text-align: center; ширина: 10em; набивка: 1em; цвет границы: # 329bd7; } / * добавлен цвет границы в качестве отдельного атрибута * / tr {height: 1em; } </ style>

Вот как выглядит таблица после этих двух модификаций кода CSS:

Ширина границы и цвет границы применяются

2.3 Cell Styling

Добавление еще нескольких строк в наш CSS-код придаст нашему фону ячейки новый вид. Давайте удалим некоторые стили, которые мы делали ранее, например атрибуты border-width и border-color, чтобы получить более чистую таблицу.

В приведенном ниже коде я указываю ячейкам заголовка светло-серый фон, а ячейкам данных - светло-зеленый фон:

td {border: 0.1em solid; / * сбрасывается на значение по умолчанию 0.1em width * / text-align: center; ширина: 10em; набивка: 1em; цвет фона: # d8ffc4; } / * добавлен цвет фона ячейки данных (светло-зеленый) * / th {border: 0.1em solid; / * сбрасывается на значение по умолчанию 0.1em width * / text-align: center; ширина: 10em; набивка: 1em; цвет фона: #ededed; } / * добавлен цвет фона ячейки заголовка (светло-серый) * /

Обновляя браузер, результат будет:

Вид таблицы после добавления атрибута background-color в ячейки

3. Расширенные настройки макета и стиля

Несмотря на то, что мы уже многое рассмотрели, есть некоторые интересные изменения макета и стиля, которые могут оказать большую помощь в наших конкретных случаях. Итак, мы начнем с изменений макета, которые мы можем использовать.

3.1 Варианты расположения: свойство границы-свертывания

border-collapse - это свойство указывает, должен ли браузер контролировать внешний вид смежных границ, которые касаются друг друга, или каждая ячейка должна поддерживать свой стиль. Может иметь два возможных значения:

пограничный коллапс: коллапс и пограничный коллапс: отдельный
В приведенном ниже коде показаны оба случая: (продублировали код нашей таблицы, чтобы иметь 2 таблицы, чтобы показать оба эти свойства):

CSS

<style type = "text / css"> table.one {border-collapse: collapse; / * добавлен коллапс границы: сворачивание в первую таблицу * / margin-bottom: 5em; } table.two {border-collapse: Отдельный; } / * добавлен сброс границы: отдельно от второй таблицы * / caption {padding-bottom: 1em; } / * добавлен отступ заголовка, чтобы сделать его отличительным * / td {border: 0.1em solid; выравнивание текста: по центру; ширина: 10em; набивка: 1em; } th {border: 0.1em solid; выравнивание текста: по центру; ширина: 10em; набивка: 1em; } tr {height: 1em; } </ style>

HTML

<table class = "one"> <caption> Пример границы свертывания </ caption> <! - добавлен заголовок таблицы -> <tr> <th> Имя </ th> <th> Фамилия </ th> <th> Возраст </ th> </ tr> <tr> <td> Fabio </ td> <td> Cimo </ td> <td> 20 </ td> </ tr> <tr> <td> Jasmin </ td > <td> Brown </ td> <td> 18 </ td> </ tr> </ table> <table class = "two"> <caption> Пример отдельной границы </ caption> <! - добавлен заголовок таблицы -> <tr> <th> Имя </ th> <th> Фамилия </ th> <th> Возраст </ th> </ tr> <tr> <td> Fabio </ td> <td> Cimo < / td> <td> 20 </ td> </ tr> <tr> <td> Jasmin </ td> <td> Brown </ td> <td> 18 </ td> </ tr> </ table>

В этом примере я также добавил заголовки таблиц, просто добавив тег заголовка под тегом таблицы.

И сослался на заголовки в CSS, задав атрибуты свойства заголовка.

Вы также можете иметь подписи в верхней, нижней, левой или правой части таблицы в соответствии с вашими потребностями.

Вы можете достичь этого, добавив атрибут caption-side в свой код CSS в классе caption.

Мнение, которое мы собираемся получить, таково:

Мнение, которое мы собираемся получить, таково:

Случаи имущественного обрушения границы

3.2 Варианты расположения: свойство границы

border-spacing - указывает расстояние, которое разделяет соседние ячейки, границы. Он может принимать одно или два значения в зависимости от расстояния, которое вам нужно с разных сторон.

Код ниже показывает оба случая:

table.one {margin-bottom: 5em; границы коллапса: отдельный; интервал границы: 1em; } / * добавлен одинаковый верхний, нижний, правый, левый интервал границы * / table.two {border-collapse: Отдельный; интервал границы: 0,5em 3em; } / * добавлены разные верхний, нижний и правый, левый интервал границы * /

В этом случае мы получаем следующее представление:

Недвижимость на границе

3.3 Варианты расположения: свойство пустых ячеек

пустые ячейки - используется для указания того, должна ли отображаться рамка без содержимого.
Может принимать 3 значения:

show - с учетом этого атрибута будут показаны все пустые ячейки.
скрыть - при наличии этого атрибута все пустые ячейки будут скрыты.
наследовать - с учетом этого атрибута все пустые ячейки по умолчанию будут отображаться.

Все три случая показаны в коде ниже с соответствующими комментариями:

table.one {margin-bottom: 3em; границы коллапса: отдельный; пустые клетки: наследовать; } / * добавлено свойство пустых ячеек: наследовать * / table.two {margin-bottom: 3em; границы коллапса: отдельный; пустые клетки: показать; } / * добавлено свойство пустых ячеек: show * / table.three {border-collapse: Отдельно; пустые клетки: скрыть; } / * добавлено свойство пустых ячеек: hide * /

Обратите внимание, что свойство empty-cell работает только в том случае, если для атрибута border-collapse установлено значение sepatare.

Вот 3 результата, которые мы получаем:

Собственность пустых ячеек

В этом случае, чтобы продемонстрировать свойство empty-cell, я удалил заголовок первой таблицы из html, как показано ниже:

<tr> <th> </ th> <! - удалил текст отсюда, чтобы иметь пустую ячейку -> <th> Фамилия </ th> <th> Age </ th> </ tr>

3.4 Атрибут «colspan»

colspan = "" - определяет количество столбцов, которые ячейка должна охватывать.

Этот атрибут указан внутри открывающего тега th или td в html .

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

Применение атрибута colspan выглядит следующим образом:

<tr> <th colspan = "2"> ФИО </ th> <! - удалил второй th и добавил первый раз colspan -> <th> AGE </ th> </ tr> <! - другие строки здесь -> <tr> <td colspan = "2"> Средний возраст </ td> <! - удалили вторую и добавили colspan в первую -> <td> 22 </ td> </ TR>

В браузере таблица будет выглядеть так:

Атрибут Colspan применяется

3.5 Дизайн стола

Профессионально выглядящие столы имеют простой и привлекательный дизайн.

В css есть псевдоселектор, который мы называем go, мы хотим, чтобы определенные элементы (дочерние элементы) были такими же, как и у более крупного элемента (родительского элемента). Это nth-child (). Внутри скобок добавляем условие. Давайте посмотрим код ниже:

<style type = "text / css"> table {font-family: "Lato", "sans-serif"; } / * добавлено пользовательское семейство шрифтов * / table.one {margin-bottom: 3em; границы коллапса: крах; } td {/ * убрал границу из строк данных таблицы * / text-align: center; ширина: 10em; набивка: 1em; } th {/ * убрал границу из строки заголовка таблицы * / text-align: center; набивка: 1em; цвет фона: # e8503a; / * добавлен красный цвет фона в ячейки заголовка * / color: white; } / * добавлен белый цвет шрифта в текст заголовка * / tr {height: 1em; } таблица tr: nth-child (even) {/ * добавлены все четные строки a #eee color * / background-color: #eee; } таблица tr: nth-child (odd) {/ * добавлены все нечетные строки a #fff color * / background-color: #fff; } </ style>

Другие элементы, которые мы изменили, чтобы улучшить внешний вид:

1. font-family - добавление собственного шрифта может значительно улучшить дизайн таблицы.
2. border - удаление границы таблицы и ячеек таблицы даст ей более чистый и плоский вид.
3. четные и нечетные цвета строк - это облегчает сбор информации внутри таблицы.

Теперь посмотрим на этот приятный вид таблицы:

Окончательный вид за нашим столом

4. Вывод

Таблицы CSS - отличный способ организовать информацию внутри веб-страницы, если нам нужно структурировать информацию. Мы интенсивно используем их, когда хотим, чтобы наши полностью настроенные свойства применялись в отношении стилей и дизайна.

В других случаях вы также можете использовать каркас, такой как Bootstrap, для создания таблиц быстрее и со стилем по умолчанию. Для получения дополнительной информации о таблицах CSS и идеях проектирования таблиц ознакомьтесь с исходными файлами ниже.

Скачать

Вы можете скачать полный исходный код этого примера здесь: CSS таблицы

Похожие

Шпаргалка HTML за 2019 год (включая новые теги HTML5) в PDF и JPG
Если бы каждый раз, когда кто-то использовал Google, чтобы узнать о том или ином HTML-теге, было по десять центов, он был бы очень богат. Нельзя сказать, что HTML является особенно сложным. Тем не менее, имея все важные теги в одном месте - чит-лист HTML, вы можете сэкономить много времени. Наличие правильной шпаргалки HTML со всеми важными атрибутами для списков, форм, форматирования текста и структуры документа может оказаться настоящим спасением жизни. Этот
PSD в HTML мертв?
Конвертация PSD в HTML - это рабочий процесс веб-разработки, которым многие люди сегодня беззастенчиво пренебрегают. С момента создания Всемирной паутины и влияния пользовательского опыта на процесс веб-дизайна этот извечный подход доминирует в создании веб-сайтов. Однако с распространением тем и различных фреймворков, особенно для больших веб-сайтов, веб-поток изменился, поэтому многие разработчики сегодня предпочитают выбирать более легкий путь. Итак,
Почему WordPress - лучший выбор после PSD в HTML?
[sgmb id = ”1 ″] Когда вы закончите с дизайном PSD, следующий шаг - преобразовать его в HTML, а затем в любую CMS, чтобы оживить ваш сайт. Существует множество CMS и сред, доступных для создания веб-сайтов, и разные люди используют разные CMS. От ваших требований зависит
Почему PSD в HTML не умер (даже в эпоху WordPress)
Это гостевой пост Роберта Хапюка.Он был ответственным за разработку основного сайта CodeinWP. «Давай, человек, которому нужно PSD в HTML, если я могу просто получить бесплатный WordPress тема и запустить сайт за считанные минуты ?! »- скорее всего, ответ, который вы получите от любого, кто работает с сайтами. Но будут ли они правы? PSD в HTML действительно сделано? Или, может быть, мы что-то здесь
Обзор Nokia Lumia 530: наш обзор
Lumia 530 является частью категории смартфонов начального уровня, которые люди выбирают по цене, а не по производительности. Его технические характеристики как раз достаточны для выполнения основных функций для досуга и социальных сетей. Он ограничен сотовой связью 3G +. 5-мегапиксельная камера с фиксированным фокусом без вспышки не позволяет делать крупные планы, а ввод текста на диагонали экрана 4 дюйма является трудоемким. Однако четырехъядерный процессор не лишен недостатков. Это
Как заставить div взять оставшуюся высоту
... свойство таблиц для распределения заданного пространства между строками и присвоения фиксированной высоты некоторому элементу, другие элементы в конечном итоге используют оставшуюся высоту. HTML: 1 2 3 4 5 6 7 8 9 <div id = "external"> <div id = "inner_fixed"> У меня фиксированная высота </ div> <div id = "inner_remaining"> Я поднимаю оставшуюся высоту </ div> </ div> <div id = "external"> <div id = "inner_fixed">
Обзор Doogee X6 Pro - экран, дизайн, аккумулятор и технические характеристики.
Может ли недавно выпущенный Doogee X6 Pro противостоять своему чрезвычайно популярному младшему брату X5 Pro? Маловероятно, что вы слышали о Дуги раньше, но они прилагают все усилия, чтобы изменить это. В последнее время эта тяжелая работа окупилась с Doogee X5, превратившимся в 100 самых продаваемых смартфонов Amazon. Doogee (дочерняя компания KVD International Group в Китае) производит бюджетные смартфоны с 2013 года, уделяя особое внимание созданию доступных, но качественных
Как встроить видео с помощью HTML5
... стиля или утонченного внешнего вида. Сложность этого заключается в том, что разные браузеры по-прежнему реализуют HTML5 и CSS по-разному. Например, добавьте закругленные углы, и ваш видеопроигрыватель может выглядеть округлым в IE и Firefox, но все равно выглядеть квадратным в Chrome и Safari. Ничто в спецификации не допускает плавного или адаптивного потокового вещания, важной функции для серьезного сайта воспроизведения видео. Возможно, что еще важнее для некоторых, спецификация
Стратегия WebView для разработки под iOS и Android
ЧАСТЬ 1 ВКЛЮЧАЕТ: Соревнование Разработка для Android и iPhone (iOS) - разные звери. Например, если вы создаете приложение для Android, вы должны переписать его как порт для iPhone. Вся эта тяжелая работа х2. Это не идеально, но мы делаем то, что должны, чтобы обойти ограничения,

Комментарии

Так как же вы вставляете видео на веб-страницу, используя HTML5 синтаксис?
ЧАСТЬ 1 ВКЛЮЧАЕТ: Соревнование Разработка для Android и iPhone (iOS) - разные звери. Например, если вы создаете приложение для Android, вы должны переписать его как порт для iPhone. Вся эта тяжелая работа х2. Это не идеально, но мы делаем то, что должны, чтобы обойти ограничения,
Я использовал этот пример в своем обзоре, но я повторю его здесь: Когда вы спросите: «Привет, Google, что такое аллозавр?
Я использовал этот пример в своем обзоре, но я повторю его здесь: Когда вы спросите: «Привет, Google, что такое аллозавр?» он скажет вам, что это динозавр, который жил 150 миллионов лет назад, как на вашем телефоне. Умный помощник продвигает его дальше от этой точки, показывая картину, раскрывая дополнительные факты, такие как расчетная скорость движения динозавра, и предлагает ряд ссылок для более глубокого исследования. Все это делается на лету, получая информацию из Википедии, фотографии из
PSD к HTML все еще кое-что, с чем мы должны беспокоиться?
PSD к HTML все еще кое-что, с чем мы должны беспокоиться? Об авторе: Роберт Хапюк - основатель агентства 9Pixels, небольшой команды разработчиков WordPress. Он увлечен WordPress и маркетингом. Все правки и остроумные переписки Кароля К.
Итак, что же такое PSD для HTML, какие преимущества он дает и в какой степени он изменится в будущем?
Итак, что же такое PSD для HTML, какие преимущества он дает и в какой степени он изменится в будущем? Давайте исследуем это вместе. Что такое PSD для HTML? PSD в HTML - это процесс преобразования файлов PSD (сокращение от «Photoshop Document») и эскизов веб-дизайна в HTML (язык разметки гипертекста) для мобильных и настольных браузеров. Процесс проектирования происходит следующим образом: веб-дизайнеры рисуют веб-сайты (обычно шаблоны или макеты)

«Давай, человек, которому нужно PSD в HTML, если я могу просто получить бесплатный WordPress тема и запустить сайт за считанные минуты ?
Но будут ли они правы?
PSD в HTML действительно сделано?
Может ли недавно выпущенный Doogee X6 Pro противостоять своему чрезвычайно популярному младшему брату X5 Pro?
Я использовал этот пример в своем обзоре, но я повторю его здесь: Когда вы спросите: «Привет, Google, что такое аллозавр?
PSD к HTML все еще кое-что, с чем мы должны беспокоиться?
Итак, что же такое PSD для HTML, какие преимущества он дает и в какой степени он изменится в будущем?
Итак, что же такое PSD для HTML, какие преимущества он дает и в какой степени он изменится в будущем?
Что такое PSD для HTML?