Основы CSS

Содержание сайта - сродни внутреннему миру человека, дизайн - одёжке и лицу. Язык css предназначен для грамотного оформления внешнего вида страниц сайтов, созданных на основе языков html/xhtml или xml. Именно поэтому уроки css - жизненно необходимы для каждого начинающего веб-программиста.

Раздел содержит множество полезностей и тонкостей использования каскадных таблиц стилей - наложение слоёв, выпадающие меню, свойства текста, подсветка ссылок, сборники рецептов и множество других интересных статей.


Порой при разработке веб-страниц иногда требуется «спрятать» конкретные элементы. Вы, конечно, можете просто удалить эти элементы из HTML-разметки.
Большинство людей считает, что большой разницы между псевдоклассами и CSS active нет. Но одно различие между ними все-таки существует.
Мне нравится писать о тегах pre. В этой статье я расскажу о стилях CSS, которые помогут стилизовать теги pre, как для экранных, так и для печатных медиа.
Псевдоэлемент ::placeholder color(или в некоторых случаях псевдокласс) позволяет задать текстовое наполнение элемента формы. Он устанавливается при помощи атрибута placeholder: <input type="email" placeholder="jane@firefly.com">.
Вертикальное выравнивание CSS — не самая простая задача. Осложняет дело и то, что с сегодняшними требованиями к адаптивному дизайну для разных устройств разработчикам приходится создавать элементы с «гибкой» высотой.
Если вы помещаете текст в блок div, то ширина этого элемента увеличивается в зависимости от области, охватываемой текстом.
CSS селекторы позволяют установить связь одного правила с определенным элементом HTML. А также, чтобы задавать стили для отдельных элементов, игнорируя другие.
В этом руководстве мы создадим корзину для сайта с использованием HTML и CSS3. При этом мы применим Google Fonts (шрифт «Roboto»).
Хороший дизайн – важная составляющая любого успешного сайта. CSS даёт полный контроль над внешним видом текста. В том числе и над тем, как в HTML изменить цвет текста.
Создание обводки текста CSS основано на свойстве -webkit-text-stroke, которое принимает в качестве значений ширину и цвет.

Рубрики

  • Веб-программирование
    • PHP
    • Perl
    • Javascript
    • ASP.NET
    • SSI
    • AJAX
    • Java
    • Python
    • Ruby on Rails
  • Базы данных
    • MySQL
    • SQL
    • SQLite
    • PostgreSQL
    • Oracle
    • MS SQL
  • Верстка сайта
    • HTML/xHTML
    • CSS
    • DHTML
    • WAP/WML
    • XML
    • RSS
  • Вебмастеру
    • Продвижение сайтов
    • Юзабилити
    • Поисковые системы
    • Заработок в Интернете
    • CMS и движки для сайтов
    • Apache
    • .htaccess
    • mod_rewrite
    • Хостинг
  • Интернет
    • Безопасность
    • Протоколы
    • Интернет и Закон
    • Новичку
  • Веб-дизайн
    • Photoshop
    • CorelDraw