Область видимости блока. clip

Совершенно необязательно показывать весь блок целиком. Можно показать только часть блока. Управляется такое отображение параметром clip описания CSS:

<DIV STYLE="position:absolute;top:0;left:0;width:300;height:50;clip:rect(0,100,20,0);">...</DIV>

Порядок выполнения работы и индивидуальные задания

Содержание отчета

В отчете привести порядок выполнения работы, список использованных компонентов, экранные формы разработанного приложения и распечатку исходного кода.

Индивидуальные задания

Разработать дизайн главной страницы сайта в соответствии с выбранной предметной областью.

    Файл index.html

    <html>

    <head>

    <title>my site</title>

    <link href="css/style.css" type="text/css" media="all" rel="stylesheet" />

    </head>

    <body>

    <div class="center">

    <div class="header">

    my site

    </div>

    <div class="header">

    my div

    </div>

    my div

    </div>

    </body>

    </html>

    1. В файл style.css записать код:

    .header

    {

    border:1px solid #000000;

    width:200px;

    height:50px;

    float:left;

    }

    .center

    {

    width:600px;

    background:#ffffff;

    margin:0px auto;

    }

    body

    {

    background:gray;

    }

    1. Пройти все пункты лабораторной работы, добавляя блоки в файл index.html, а стили к ним – в файл style.css.
    2. Содержимое блоков должно соответствовать согласованной с преподавателем предметной области.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: