75 , :) |
|
1. !
2. – , «»…
3. ? , .
4. ? !
5. «» ? «». , !
6. – . .
7. . .
8. , .
9. – !
10. . .
11. , …
12. – ? - .
13. «» .
14. . .
15. , .
16. … .
17. .
18. ! - .
19. ? .
20. , .
21. ! , .
22. .
23. ?…
24. - ?!
25. ?!
26. ! …
27. !
28. . .
29. ? - .
30. .
31. , .
32. . .
33. .
34. .
35. .
36. , - .
37. ! . .
38. ? .
39. , .
40. - .
41. !
42. – …
43. – .
44. , , – .
45. ?
46. ?…
47. .
48. , …
49. .
50. ? .
51. , .
52. .
53. , .
54. !
55. .
56. . .
57. , , .
58. , .
59. , – .
60. – .
61. .
62. .
63. - , .
64. . .
65. ? .
66. , ? !
67. ?
68. , .
69. .
70. … ...
71. – .
72. , .
73. .
74. . -.
75. ... .
: |
CSS tips |
5 CSS
CSS-, . CSS? CSS
1. Reset
. ( Eric Meyer, YUI), , .
, :
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
, , . , , . , CSS-, , .
:
* { margin: 0; padding: 0; }
, , ( radio button). , , , .
2.
margin-right?
1
div#header h1 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}
2
div#header h1 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}
, . , , , .
, CSS- , , . , , . , css-, .
3.
CSS- , , . :
/*****Reset*****/
Remove margin and padding from elements
/*****Basic Elements*****/
Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
/*****Generic Classes*****/
Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently
/*****Basic Layout*****/
Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
/*****Header*****/
Define all elements in the header
/*****Content*****/
Define all elements in the content area
/*****Footer*****/
Define all elements in the footer
/*****Etc*****/
Continue to define the other sections one by one
, .
4.
, . CSS- , 1- . , CSS-.
. , .
div#header { float: left; width: 100%; }
div#header div.column {
border-right: 1px solid #ccc;
float: right;
margin-right: 50px;
padding: 10px;
width: 300px;
}
div#header h1 { float: left; position: relative; width: 250px; }
5.
css-, .
CSS-, body, . div-, id , , header, content, footer.
CSS-, , id . : CSS .
, . ?
|
? |
" ?" . : ", ", . , . . !
:
1. . ( ! !).
2. , . ( ?!).
3. , , (, , - ), . ( !).
4. - , ( Ctrl+C, Ctrl+V - ).
5. , , " " . ( - !).
6. , . , , , . ( !).
: |
| : | [1] |
