Учебники CSS

Содержание
  1. Что такое CSS? CSS, расшифровывается как Cascading Style Sheet, это компьютерный язык для описания презентации (например, ширины, высоты, цвета, цвет фона, выравнивание и т. д.) веб-документов HTML и XML (и языков на основе XML, таких как XHTML, SVG). Во всех примерах наших руководств мы использовали HTML для реализации CSS. CSS — это стандарт, разработанный и поддерживаемый Консорциумом World Wide Web. С момента своего изобретения CSS эволюционировал в разные версии. Текущая версия CSS — это CSS 2.1. Следующей версией CSS является CSS3, который находится в стадии разработки, но разработчики уже начали использовать некоторые из его функций. В На последующих страницах мы подробно обсудим CSS 2.1. Узнав, вы сможете внедрять CSS на свои собственные веб-страницы. Как CSS можно связать с веб-страницей HTML Есть три способа прикрепить CSS к веб-странице HTML. 1. Написание кода CSS в отдельном файле (файлы CSS сохраняются с расширением .css) и включение этого файла CSS в раздел заголовка HTML-страницы с помощью element. Пример включения CSS с использованием element кода CSS: p { color: maroon} HTML-код: Простой пример CSS

    Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

    Результат

    Lorem ipsum dolor sit amet, Conctetur Adipiscing Elit. Nunc at nisi velit, aliquet iaculis est.

    Просмотрите пример CSS с использованием элемента ссылки в отдельном окне браузера.

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

    Пример записи CSS в качестве значения атрибута стиля

    HTML и CSS-код:

           Простой пример CSS     

    Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

    Результат Lorem ipsum dolor sit amet, Conctetur Adipiscing Elit. Nunc at nisi velit, aliquet iaculis est. Просмотрите пример написания CSS с использованием встроенного стиля в отдельном окне браузера. 3. Написание кода CSS в тегах стиля , в разделе заголовка страницы HTML Пример написания кода CSS в тегах стиля, в разделе заголовка страницы HTML HTML и код CSS: Простой CSS пример p {color: maroon}

    Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

    Просмотрите пример написания CSS внутри тегов стиля в отдельном окне браузера. Преимущества CSS 1. Разделение представления формы содержимого: написав код CSS в другом файле CSS и прикрепив его к странице HTML, вы можете отделить содержимое от представления. Итак, как автору, вам не нужно беспокоиться о презентации и сосредотачиваться только на содержании. 2. Согласованность: CSS может обеспечить согласованное представление для всех страниц веб-сайта. 3. Увеличение доступности: если конкретная страница (или несколько страниц) требует другого внешнего вида и форматирования, с изменением одной строки, этого можно добиться, вызвав более одного CSS. для той же страницы. 4. Экономия полосы пропускания: поскольку CSS разделяет стиль формы содержимого, он делает веб-документ легким, вызывая экономию полосы пропускания и, в свою очередь, более быструю загрузку страницы. 5 . Легкость участия: системы управления контентом (например, WordPress) используют CSS, так что люди, не беспокоясь о том, как будет выглядеть их контент, могут отправлять свой контент. Это вызвало экспоненциальный рост пользовательского контента.
  2. Как CSS можно связать с веб-страницей HTML
  3. Пример включения CSS с использованием element
  4. кода CSS:
  5. HTML-код:
  6. Результат
  7. Пример написания кода CSS в тегах стиля, в разделе заголовка страницы HTML
  8. Преимущества CSS

Что такое CSS?

CSS , расшифровывается как Cascading Style Sheet, это компьютерный язык для описания презентации (например, ширины, высоты, цвета, цвет фона, выравнивание и т. д.) веб-документов HTML и XML (и языков на основе XML, таких как XHTML, SVG). Во всех примерах наших руководств мы использовали HTML для реализации CSS.

CSS — это стандарт, разработанный и поддерживаемый Консорциумом World Wide Web .

С момента своего изобретения CSS эволюционировал в разные версии. Текущая версия CSS — это CSS 2.1 .

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

В На последующих страницах мы подробно обсудим CSS 2.1 . Узнав, вы сможете внедрять CSS на свои собственные веб-страницы .

Как CSS можно связать с веб-страницей HTML

Есть три способа прикрепить CSS к веб-странице HTML.

1. Написание кода CSS в отдельном файле ( файлы CSS сохраняются с расширением .css ) и включение этого файла CSS в раздел заголовка HTML-страницы с помощью element.

Пример включения CSS с использованием element

кода CSS:

  p {  color: maroon}  

HTML-код:

       Простой пример CSS      

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

Результат

Lorem ipsum dolor sit amet, Conctetur Adipiscing Elit. Nunc at nisi velit, aliquet iaculis est.

Просмотрите пример CSS с использованием элемента ссылки в отдельном окне браузера.

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

Пример записи CSS в качестве значения атрибута стиля

HTML и CSS-код:

       Простой пример CSS     

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

Результат

Lorem ipsum dolor sit amet, Conctetur Adipiscing Elit. Nunc at nisi velit, aliquet iaculis est.

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

3. Написание кода CSS в тегах стиля , в разделе заголовка страницы HTML

Пример написания кода CSS в тегах стиля, в разделе заголовка страницы HTML

HTML и код CSS :

       Простой CSS  пример   p {color: maroon}    

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est.

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

Преимущества CSS

1. Разделение представления формы содержимого : написав код CSS в другом файле CSS и прикрепив его к странице HTML, вы можете отделить содержимое от представления. Итак, как автору, вам не нужно беспокоиться о презентации и сосредотачиваться только на содержании.

2. Согласованность : CSS может обеспечить согласованное представление для всех страниц веб-сайта.

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

4. Экономия полосы пропускания : поскольку CSS разделяет стиль формы содержимого, он делает веб-документ легким, вызывая экономию полосы пропускания и, в свою очередь, более быструю загрузку страницы.

5 . Легкость участия : системы управления контентом (например, WordPress) используют CSS, так что люди, не беспокоясь о том, как будет выглядеть их контент, могут отправлять свой контент. Это вызвало экспоненциальный рост пользовательского контента.

Оцените статью
nanomode.ru
Добавить комментарий