Программа для верстки веб страниц. Лучшие программы для верстки журналов и газет. Официально поддерживаемые редакторы
Англо-русский перевод CSS
Еще значения слова и перевод CSS с английского на русский язык в англо-русских словарях.
Что такое и перевод CSS с русского на английский язык в русско-английских словарях.
More meanings of this word and English-Russian, Russian-English translations for CSS in dictionaries.
- CSS — n. html documents that include several levels of styles that can be changed by a person creating a website (allows …
Толковый словарь английского языка - Редакция bed - CSS — Cascading Style Sheets
- CSS — Combined Sewer System.
Environmental Engineering English vocabulary - CSS — Continuous System Simulator (Language)
Computer Abbreviations English vocabulary - CSS — Customizable Starter Site
Computer Acronyms English vocab - CSS — Cascading Style Sheet
Acronyms - Misc English vocab - CSS — Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users …
DAX English Glossary of Key Connectivity Terms - CSS
- CSS — сокр. от customized sales survey
Большой Англо-Русский словарь - CSS — Каскадная таблица стилей
- CSS — CSS
Американский Англо-Русский словарь - CSS — Cascading Style Sheets
Русско-Американский Английский словарь - CSS
Большой Англо-Русский политехнический словарь - CSS — I сокр. от cast semisteel сталистый чугун II сокр. от constant surface speed постоянная скорость резания; постоянная контурная скорость
Большой Англо-Русский политехнический словарь - РУССО - CSS
Англо-Русский словарь по машиностроению и автоматизации производства 2 - CSS — сокр. от constant surface speed постоянная контурная скорость; постоянная скорость резания
Англо-Русский словарь по машиностроению и автоматизации производства - CSS — сокр. от Cascading Style Sheets вложенные таблицы стилей (стандарт, определяющий форматирование HTML-документов, в терминах, принятых в отрасли настольных издательских систем: …
Англо-Русский словарь по компьютерам - CSS — сокр. от customized sales survey
Англо-Русский словарь по экономике - CSS — (central structure store) (n.) The PHIGS display list structure. An editable hierarchy of structures composed of elements, attributes, and transformation …
Russian-English Edic - CSS — сокр. от Cascading Style Sheets вложенные таблицы стилей (стандарт, определяющий форматирование HTML-документов, в терминах, принятых в отрасли настольных издательских систем: шрифты, …
Англо-Русский словарь по вычислительной технике и программированию - CSS — Cascading Style Sheets вложенные таблицы стилей (стандарт, определяющий форматирование HTML-документов, в терминах, принятых в отрасли настольных издательских систем: шрифты, …
Англо-Русский словарь компьютерных терминов - CSS — 1) (Cascading Style Sheets) иерархические [каскадные] стилевые таблицы, каскадные таблицы стилей; спецификация [язык, технология, интерфейс] CSS платформонезависимая спецификация, разработанная W3C для …
Англо-Русский толковый словарь терминов и сокращений по ВТ, Интернету и программированию - CSS — Central Security Service
Англо-Русско-Английский словарь спецслужб - CSS — сокр. от customized sales survey
Новый большой Англо-Русский словарь - CSS/II — Computer System Simulator II. Like GPSS , for IBM 360 . ["Computer System Simulator II (CSS II) Program Description and …
FOLDOC Computer English Dictionary
CSS-текст представляет набор свойств для форматирования текстового содержимого веб-страниц. Использование CSS-стилей для форматирования текста позволяет придать HTML-элементам желаемый вид, благодаря чему HTML-теги могут применяться только по своему прямому назначению — для определения структуры документа.
О свойствах для работы с текстом, добавленных в спецификацию CSS3 — text-overflow , word-break , word-wrap , можно прочитать .
Форматирование текста в CSS
1. Горизонтальное выравнивание text-align
Свойство выравнивает строки текста внутри блока по ширине относительно его границ. Применяется только к блочным элементам, например, абзацам. Наследуется.
| Значения: | |
| left | Выравнивание по левому краю элемента. Значение по умолчанию для языков, в которых чтение происходит слева-направо. |
| right | Выравнивание по правому краю элемента. |
| center | Выравнивание по центру элемента, управляет выравниванием содержимого, а не самих элементов. Центрирует каждую строчку текста элемента. |
| justify | Выравнивание по ширине элемента. В выровненном по ширине тексте оба конца строки прижимаются к левому и правому краям родительского элемента. Пробелы между словами и буквами распределяются таким образом, чтобы длина всех строк была равна. Разные браузеры могут увеличить как отступы между словами, так и интервалы между буквами. |
| initial | |
| inherit | |
Синтаксис
P {text-align: left;}
p {text-align: right;}
p {text-align: center;}
p {text-align: justify;}
Рис. 1. Свойство text-align
2. Отступ text-indent
Устанавливает отступ (выступ) в первой строке элемента, создавая иллюзию структурированного текста. Применяется к любому блочному элементу, значение по умолчанию 0. Если в первой строке блочного элемента присутствует изображение, то оно сдвинется вместе с остальным текстом. Наследуется.
Синтаксис
P {text-indent: 5px;}
p {text-indent: 2%;}
Рис. 2. Свойство text-indent
3. Высота строки line-height
Рис. 3. Контейнер строки
Свойство задаёт расстояние между базовыми линиями строк текста, определяя величину, на которую увеличивается или уменьшается высота блока каждого элемента. Управляет межстрочным интервалом — дополнительным расстоянием между строками над и под текстом. Чтобы определить межстрочный интервал, нужно найти разность line-height и font-size , разницу поделить на два, а каждую половину прибавить к области содержимого сверху и снизу. Принимает только положительные значения. Стандартный межстрочный интервал эквивалентен 120%.
При равных значениях line-height и height выравнивает текст по высоте. Наследуется.
Синтаксис
H1 {line-height: 20px;}
h1 {line-height: 200%;}
h1 {line-height: 1.2;}
h1 {line-height: normal;}
Рис. 4. Пример отображения различных значений межстрочного интервала
4. Вертикальное выравнивание vertical-align
Применяется только к строчным элементам, к изображениям и полям форм. Не выравнивает содержимое блочного элемента. Не наследуется.
| vertical-align | |
|---|---|
| Значения: | |
| baseline | Выравнивает базовую линию элемента по базовой линии его родителя, совмещая среднюю линию элемента со средней линией родительского элемента. |
| sub | Делает элемент подстрочным (аналогично с тегом ). Величина понижения элемента может меняться в зависимости от браузера пользователя. |
| super | Делает элемент надстрочным (аналогично с тегом ). При этом значения sup и super не меняют размер шрифта, по умолчанию текст надстрочного и подстрочного элемента имеет такой же размер, как и текст родительского элемента. |
| top | Верхний край элемента совмещается с верхним краем самого высокого элемента в линии. |
| text-top | Верхний край элемента совмещается с верхним краем шрифта родительского элемента. |
| middle | Средняя линия элемента (обычно изображения) совмещается с линией, проходящей через середину родительского элемента. |
| bottom | Нижний край элемента совмещается с нижним краем самого низкого элемента в линии. |
| text-bottom | Нижний край элемента совмещается с нижним краем шрифта родительского элемента. |
| длина | Устанавливает значение в единицах длины, перемещая элемент на заданное расстояние. |
| % | Не позволяет устанавливать middle , вычисляется как часть line-height элемента, а не его родителя, т.е. если установить значение vertical-align , равное 50% для элемента с line-height равным 20рх, то базовая линия элемента поднимется на 10px . |
| initial | Устанавливает значение свойства в значение по умолчанию. |
| inherit | Наследует значение свойства от родительского элемента. |
Честно говоря, совсем это не обзор, а кратенькое такое описание проблем, с которыми я столкнулся при выборе текстового редактора для верстки под Макосью.
Под Windows, сколько себя помню, версткой сайтов занимался в Notepad++ и, в общем-то, горя не знал – повесил себе на F4 в TotalCommander, зашел на FTP или локально, отредактировал и сохранил нужный файл. Честно говоря, были у меня подозрения, что вот как-то уж совсем не эффективно работа проходит с этим открыл-отредактировал-сохранил-открыл..., но альтернатив не знал и не искал.
После того, как собрал у себя на десктопе Gentoo, первое время пробовал использовать тот же Notepad++ под wine, но что-то у меня не заладилось и после некоторых поисков открыл для себя замечательный редактор Quanta Plus (странно, ну что за тяга такая у разработчиков к этим плюсам). Надо сказать, редактор меня прото покорил и избаловал раз и навсегда. Вернуться после него к инструментам вроде Notepad++ решительно невозможно. Конечно, всех фишек его я наверняка изучить не успел, но некоторые вещи узнал уже после первых запусков и остался в них влюблен по сей день. Что конкретно покорило – работа с проектами, тонкая настройка типа отступов (ширину таба можно задать не в каких-то условных еденицах на экране, а в пробелах, что, например, немаловажно при верстке в HAML), встроенная работа с фтп (тоесть нет такого открыл-отркдактировал-сохранил-открыл… – теперь только сохранить и готово, редактируй дальше) и, самое главное, автокомплит (ребяты… такого автокомплита я никогда больше не встречал и, думаю, что уже не встречу).
А потом я свитчнулся на Mac.
Вдохновленный заметкой на MacRadar сразу же ринулся ставить себе Textmate . Даже читшит какой-то нашел по хоткеям для него. Решил опробовать редактор в бою и тут же обломался… Может, я чего не понял, что скорее всего, но так и не смог подружить Textmate с FTP. Тоесть вообще никак. По уже знакомой Windows-схеме повесил Textmate на F4 в Disk Order и при попытке открыть файл для редактирования получил его во встроенном редакторе программы, хотя, локальные файлы таким образом открываются просто замечательно. Какого-то аналога проектам Quanta в Textmate я тоже не нашел… Хочу повториться, скорее всего я что-то не докрутил или не понял, так как в поиске по блогам люди жалуются на другую беду – им хочется на лету перекодировать отредактированные файлы в нужную кодировку прямо на FTP (еще один серьезный для меня минус TextMate – не поддерживаюся наши русские народные win и koi кодировки). Так что, друзья, если есть минутка – обучите меня, бестолкового, премудростям интернационального взаимодействия Textmate c FTP…
В общем, плюнул на Textmate и продолжил поиски. Представленный в той же заметке MacRadar TextWrangler отмел сразу из-за уже упомянутых выше проблем с отечественными кодировками, без которых жить пока сложно (мы люди подневольные, если сервера компании работают с win-1251 то и мы обязаны). Думал погонять Eclipse, Emacs или Aptana, но пока решил, что в моем случае использование IDE будет не оправдано. Вот найду время серьезно заниматься Рельсами – тогда да, тогда и для верстки такие махины можно будет использовать, а пока тоже от них отказался.
Долго ли, коротко ли – решил отписать в приват Вадиму Макееву (тык в карму сему достойному мужу), который, в свое время, тоже искал хороший тектовый редактор для Макоси. Так вот он-то мне и присоветовал замечательный инструмент, о котором, собственно, я и хотел написать эту заметку, но что-то растекся воспоминаниями и мыслями по древу =].
Итак, барабанная дробь и Coda – единственный и неповторимый для меня редактор кода под Mac OS X. Мало того, что программа функциональная, так она еще и невероятно красивая. Редко, знаете ли, ум и красота сочетаются… По делу – как и обещал с самого начала, кратенько =], список понравившихся и не понравившихся мне штучек.
1. Проекты или сессии
Без этого, наверное, я уже никуда. Все компактно и красиво, причем кастомизации поддается как внешняя часть панели сайтов (можно, например, повесть фотографию любимого начальника, чтобы от работы не отвлекаться, а потом уменьшить ее размер, чтобы не надоедал) так и внутренняя (можно сразу указать для сайтов кучу параметров, например явки и пароли для SSH, если вдруг данные отличаются от данных FTP аккаунта).
Что не понравилось – нельзя открывать в одном окне файлы разных проектов. Не очень удобно, когда HTML шаблоны лежат на одном серевере, а CSS – на другом (и такое бывает).
2. Непосредственная работа с файлами на FTP
Тут все понятно. Та опция, которую я так полюбил в Quanta.
3. Clips
Заранее подготовленные тектовые блоки. Ну, в моем случае – это какие-то комментари для CSS файлов. Пока не разобрался, можно ли вешать эти Клипсы на хоткеи, если было бы можно – не было бы им цены =]
4. Встроенный терминал
На первый взгляд, совсем лишняя для текстового редактора штука, на практике оказавшаяся очень полезной. Ну, например, приспичило мне при работе перелить большое количество файлов из одной папочки в другую – не вопрос, подключаюсь, командую и дело в шляпе, вот они мои файлы в дереве каталогов слева.
5. Подсветка синтаксиса и автокомплит
Если про подсветку синтаксиса сказать особенно нечего, то в местном автокомплите есть некоторые вещи, которые мешают жить. Хотя жить можно и это, скорее всего, дело вкуса…
Хочу закончить сей рассказ торжественным обещанием купить программу, если таки ничего не выйдет из затеи сбоки Quanta Plus под Макось (не хочет, понимаешь, собираться она, раз у меня КДЕ нет). Приглашу умных людей, попляшем с бубунами и если Quanta поднимется – напишу сюда инструкцию по ритуальным танцам. Только вот покупать надо по пластику, никакого пайпела у них что-то не предусмотрено. Ладно, как-нибудь выкрутимся…
Конечно, рассуждать о лучшей программе для вёрстки – это всё равно что пытаться доказать дальтонику, что дерево зеленое… Ну или что-то похожее на это:) Конечно, для каждого свои лучшие программы для вёрстки. Кто-то предпочитает использовать Adove Dream… (даже боюсь произносить это слово), а кто-то пишет в терминале через vim. Это всё субъективно. И вот небольшая порция моего субъектива:
Лучшие программы для вёрстки
Кандидат 4. Brackets
Кроссплатформенный
Бесплатный.
Удобно, есть автокомплит, и встроеный сервер, который позволяет видеть изменения прямо на лету (даже обновлять страницу браузера не нужно). Довольно туговато работает, зато есть автокомплит (или даже не знаю как это назвать, стилей) находясь на конкретном элементе, можно писать его стили в инлайн, а они попадут в CSS файл. То есть писать удобнее, а сохраняет правильнее. 5 место потому, что туговато работает.
Кандидат 3. Coda
Платформа: Mac
Платный.
Удобно, всё включено. Есть и FTP и поиск по файлам, и многое многое другое. Но он больше подходит для новичков. Слишком больше количество наворотом заставляет редактор вылетать если в нём открыто сразу 20+ файлов. Но они же мне все сейчас нужны! Почему ты это делаешь? Тем не менее, когда нужно быстро исправить что-то по FTP, беру и использую его, потому, что здесь одно из самых удобных на Mac представлений файлов на FTP.
Кандидат 2. Atom
Кроссплатформенный.
Бесплатный
Вроде всё хорошо. И работает, и есть FTP, и многострочное выделение и дополнения есть. Но по личному ощущению, что-то сейчас сломается и перестенет работать. FTP время от вермени падает (может сервер, может редактор). В общем ощущения противоречивые.
Победитель: Sublime Text
Кроссплатформенный
Условно-бесплатный
Очень гибкий редактор. Есть мульстистрочное выделение и редактирование (позволяет выбрать сколько угодно строк в разных частях документа и все одновременно изменить). Есть автозавршщение html тэгов – пишешь div.black + Tab, получаешь
