Работа в Internet и создание web-страниц. Эксаревская М.Е. - 46 стр.

UptoLike

Составители: 

ɂɡɦɟɧɟɧɢɟ ɰɜɟɬɚ ɩɨɞɱɟɪɤɢɜɚɧɢɹ
ɉɪɢ ɩɨɦɨɳɢ CSS ɬɚɤɠɟ ɦɨɠɧɨ ɫɞɟɥɚɬɶ ɬɚɤ, ɱɬɨɛɵ ɰɜɟɬ ɫɫɵɥɤɢ ɩɪɢ
ɧɚɜɟɞɟɧɢɢ ɧɚ ɧɟɟ ɤɭɪɫɨɪɚ ɦɵɲɢ ɨɫɬɚɜɚɥɫɹ ɧɟɢɡɦɟɧɧɵɦ, ɧɨ ɟɟ
ɩɨɞɱɟɪɤɢɜɚɧɢɟ ɦɟɧɹɥɨ ɫɜɨɣ ɰɜɟɬ.
<head>
<style>
a:link {color: blue; text-decoration: none}
a:hover {color: red; text-decoration: underline}
.link {color: blue}
</style></head>
<body>
<a href=””><span class=”link”> ɋɫɵɥɤɚ ɧɢɤɭɞɚ </span></a>
</body>
ɋɩɢɫɤɢ
ɋ ɩɨɦɨɳɶɸ CSS ɦɨɠɧɨ ɫɨɡɞɚɬɶ ɧɭɦɟɪɨɜɚɧɧɵɟ ɢ ɧɟɧɭɦɟɪɨɜɚɧɧɵɟ
ɫɩɢɫɤɢ. ɋɜɨɣɫɬɜɚ ɷɥɟɦɟɧɬɨɜ, ɩɪɟɞɧɚɡɧɚɱɟɧɧɵɟ ɞɥɹ ɮɨɪɦɚɬɢɪɨɜɚɧɢɹ
ɫɩɢɫɤɨɜ.
1. ȼɢɞ ɦɚɪɤɟɪɚ.
list-style-type:
disc/circle/square/decimal/lower-roman/upper-
roman/lower-alpha/upper-alpha/none
2.
ɍɫɬɚɧɨɜɤɚ ɢɡɨɛɪɚɠɟɧɢɹ ɜ ɤɚɱɟɫɬɜɟ ɦɚɪɤɟɪɚ.
list-style-image: url/none
3. ɉɨɥɨɠɟɧɢɟ ɦɚɪɤɟɪɚ ɨɬɧɨɫɢɬɟɥɶɧɨ ɫɬɪɨɤ ɬɟɤɫɬɚ.
list-style-position: outside/inside
ɉɪɢɦɟɪ ɮɨɪɦɚɬɢɪɨɜɚɧɢɹ ɫɜɨɣɫɬɜ ɫɩɢɫɤɚ ɫ ɩɨɦɨɳɶɸ CSS:
<html>
<head>
<style type=”text/css”>
li {list-style: square outside; color: purple;
font-style: oblique }
</style></head>
46
     ��������� ����� �������������
     ��� ������ CSS ����� ����� ������� ���, ����� ���� ������ ���
��������� �� ��� ������� ���� ��������� ����������, �� ��
������������� ������ ���� ����.
     
     
     
      ������ ������ 
     


������
     � ������� CSS ����� ������� ������������ � ��������������
������. �������� ���������, ��������������� ��� ��������������
�������.
           1. ��� �������.
           list-style-type:
     disc/circle/square/decimal/lower-roman/upper-
     roman/lower-alpha/upper-alpha/none
          2. ��������� ����������� � �������� �������.
          list-style-image: url/none
          3. ��������� ������� ������������ ����� ������.
          list-style-position: outside/inside
������ �������������� ������� ������ � ������� CSS:
    
    
    

                                 46