Основы работы с CSS

Этот пример показывает, как задать


  1. Этот пример показывает, как задать для текста левый отступ. <html> <head> <style type="text/css"> h1.lf {margin-left: 1cm} </style> </head>
    <body> <h1>Заголовок h1 без отступов</h1> <h1 class="lf">Заголовок h1 с отступами</h1> </body>
    </html>
  2. Этот пример показывает, как задать для текста правый отступ. <html> <head> <style type="text/css"> h2.rg {margin-right: 400px} </style> </head>
    <body> <h2> Заголовок h2 без отступов </h2> <h2 class="rg"> Заголовок h2 с с заданным правым отступом</h2> </body>
    </html>
  3. Этот пример показывает, как задать для текста верхний отступ. <html> <head> <style type="text/css"> h1.tp {margin-top: 50px} </style> </head>
    <body> <h1>Заголовок h1 без отступов </h1> <h1 class="tp"> Заголовок h1 с заданным верхним отступом</h1> </body> </html>
  4. Этот пример показывает, как задать нижний отступ текста. <html> <head> <style type="text/css"> h2.btm {margin-bottom: 1cm} </style> </head>
    <body> <h2>Заголовок h2 без отступов</h2> <h2 class="btm">Заголовок h2 с заданным нижним отступом</h2> <h2>Заголовок h2 без отступов</h2> </body>
    </html>
  5. Этот пример показывает, как задать параметры всех отступов в одном объявлении. <html> <head> <style type="text/css"> h1.all {margin: 1cm 2cm 1cm 2cm} </style> </head>
    <body> <h1>Заголовок h1 без отступов</h1> <h1 class="all">Заголовок h1 с заданными отступами</h1> <h1>Заголовок h1 без отступов</h1> </body>
    </html>


Содержание раздела