Giter Club home page Giter Club logo

html_css's Introduction

Домашнее задание № 3 по курсу html/css GeekBrains

Стилизация интернет-магазина

  • 1. Создать файл style.css, в котором будут храниться все стили вашей работы. Подключить этот файл ко всем страницам.
  • 2. В качестве фона на всех страницах установить цвет #f8f8f8.
  • 3. Меню сайта:
    • а. Для всех ссылок меню задать определённый стиль (Цвет текста, размер шрифта, начертание шрифта и т.д.)
    • b. Убрать маркеры списка.
  • 4. Страница «Товар каталога»
    • a. Заголовки (Краткое описание товара, Характеристики, Подробное описание товара):
      • * Цвет текста черный.
      • * Размер шрифта 18px.
      • * Насыщенность шрифта 400. (font-weight).
      • * Установите цвет фона #eaeaea.
    • b. Для краткого описания товара:
      • * Цвет текста #707070.
      • * Размер шрифта 14px.
      • * Начертание шрифта italic. (font-style).
      • * Высоту текста 16px (line-height).
    • c. Для подробного описания товара:
      • * Цвет текста #484343.
      • * Размер шрифта 16px.
      • * Насыщенность шрифта 400. (font-weight).
      • * Высоту текста 24px (line-height).
      • * Расположение текста по левому краю (text-align).
    • d. Для списка характеристик товара:
      • * задайте списку стили, отличные от всего остального текста.
      • * установите в качестве маркеров произвольные изображения.
  • 5. Страница «Контакты»:
    • a. Задать значения ширины и высоты для полей ввода.
    • b. Задать стили для текста внутри полей input (Цвет текста, размер шрифта и т.д.).
    • c. Следите, чтобы на странице всё выглядело гармонично, не выбирайте слишком резких цветов.

*Для изображений, размещенных на странице подробного описания товара, задать рамку, не используя свойства border, произвольным цветом. *Приветствуются самостоятельные дополнения ваших работ в пределах пройденной темы.

html_css's People

Contributors

asvvlasov avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.