Главная » Веб дизайн » HTML5 CSS

Страницы: « 1 2 ... 6 7 8 9 10 ... 70 71 »

Интересные возможности CSS

Есть различные варианты присвоения стилей, например:

<style type="text/css">
div#m {font-weight:bold}
#id_style {text-align: center;}
.myredclass {color:red}
< /style>

< div id="m">Это мой уникальный полужирный Див!</div>
< p id="id_style">А это мой текст по середине!</p>
<p class="myredclass">А это мой красный параграф!</p>

Строка вида : div#m {font-weight:bold} - действует только если в теге <div> будет прописан id="m"

Строка вида : #id_style {text-align: center;} будет работать в любом теге, в котором прописан id="id_style"

Строка вида : .myredclass {color:red} создает класс и будет работать в любом теге, где прописан класс class="myredclass"

 C самым легким разобрались, а теперь примерчик посложнее:

<style type="text/css">
span.my_class {font-size: 300%;}
.red_border td {border-bottom: #FF3838 5px solid;}
</style>
<table border="1" width="90%" class="
red_border">
    <tr>
        <td>1</td>
    </tr>
    <tr>
       <td>

        <span class="my_class">жирный текст</span>
       </td>
    </tr>
</table>

В вышеприведенном примере только у таблицы с классом red_border будут нижние границы ячеек td иметь крассный цвет а все элементы span, имеющие класс my_class, будут выделяться жирно.

1-1 2-2 ... 6-6 7-7 8-8 9-9 10-10 ... 70-70 71-71