style.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*h
  2. 1{
  3. font-size: 20px;
  4. }
  5. nav{
  6. font-size: 20px;
  7. }
  8. ul{
  9. color:red;
  10. }
  11. main-nav{
  12. border: 1px solid 30px;
  13. }
  14. #nav{
  15. color: green;
  16. }
  17. .main-nav li{
  18. color: blue;
  19. }
  20. */
  21. /* body {
  22. color: #913D88;
  23. font-size: 16px;
  24. border: 1px solid #333;
  25. }
  26. p[class|='feature']
  27. {
  28. font-size: 28px;
  29. }
  30. body {
  31. color: #913D88;
  32. font-size: 16px;
  33. border: 1px solid #333;
  34. }
  35. p {
  36. border: inherit;
  37. } */
  38. a:link { color: red; } /* обычный цвет ссылки */
  39. a:visited { color: grey; } /* цвет ссылки, которую пользователь уже посещал */
  40. a:hover { color: blue; } /* цвет ссылки, на которую наведен курсор */
  41. a:active { background-color: yellow; } /* цвет фона ссылки в момент нажатия на нее */
  42. p::selection {
  43. color: #ff0; /* Цвет текста */
  44. background: #000; /* Цвет фона */
  45. }
  46. p::first-letter {
  47. font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
  48. font-size: 20px; /* Размер шрифта первого символа */
  49. color: red; /* Красный цвет текста */
  50. }
  51. p:before {
  52. content: "";
  53. display: block;
  54. width: 100px;
  55. height: 100px;
  56. }
  57. blockquote::before {
  58. content: "\2728";
  59. }
  60. blockquote::after {
  61. content: "\2728";
  62. }
  63. blockquote::selection {
  64. color: #c8f7c5;
  65. background-color: #f9f0de;
  66. }