HTML:
(Inline). HTML.
(Embedded). .
(Linked External). , .
-.
HTML style :
<p style="font: 12pt Courier"> 12 Courier</P>
:
<div style="font-family: Garamond; font-size: 18 pt;>"
18 Garamond.
<span style="color:#ff3300;">
.</span>
</div>
, -.
< style >, HTML- (< head >...< / head >):
< html >
< head >
...
< style >
CSS
< / style >
...
< / head >
< body >
(linked), (external) , . (, , .css). < link > , , :
<link rel=stylesheet href="sample.css" type="text/css">
, , , sample.css. , -, href .
. , , / . (, ), , .
-- HTML , , . . - , . , : -> ->
|
|
-
(, , , ..). , :
@media print {/* */
BODY { font-size: 10pt; }
}
@media screen { /* */
BODY { font-size: 12pt; }
}
@media screen, print {
BODY { line-height: 1.2; }
}
@media all {
BODY { margin: 1pt; }
}
, , @media, , , .
, < link >:
<link rel=stylesheet href="sample.css" type="text/css" media=screen>
CSS
1. CSS
background | [background-color || background-image || background-repeat || background-attachment || background-position] | inherit | |
background-color | <color> | transparent | inherit | |
background-image | <uri> | none | inherit | |
background-position | [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit | |
background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | |
border | [ border-width || border-style || <color> ] | inherit | |
border-collapse | collapse | separate | inherit | / |
border-color | <color>{1,4} | transparent | inherit | |
border-style | <border-style>{1,4} | inherit | |
border-top border-right border-bottom border-left | [ border-top-width || border-style || <color> ] | inherit | |
border-width | <border-width>{1,4} | inherit | |
bottom | <length> | <percentage> | auto | inherit | |
clear | none | left | right | both | inherit | |
clip | <shape> | auto | inherit | |
color | <color> | inherit | |
cursor | [ [<uri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit | |
display | inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | |
empty-cells | show | hide | inherit | |
float | left | right | none | inherit | |
font | [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | |
font-family | [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit | |
font-size | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | |
font-style | normal | italic | oblique | inherit | |
font-variant | normal | small-caps | inherit | |
font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | |
height | <length> | <percentage> | auto | inherit | |
left | <length> | <percentage> | auto | inherit | |
line-height | normal | <number> | <length> | <percentage> | inherit | |
list-style | [ list-style-type || list-style-position || list-style-image ] | inherit | |
margin | <margin-width>{1,4} | inherit | |
margin-top margin-right margin-bottom margin-left | <margin-width> | inherit | |
padding | <padding-width>{1,4} | inherit | |
padding-top padding-right padding-bottom padding-left | <padding-width> | inherit | |
position | static | relative | absolute | fixed | inherit | |
right | <length> | <percentage> | auto | inherit | |
text-align | left | right | center | justify | <string> | inherit | |
text-decoration | none | [ underline || overline || line-through || blink ] | inherit | |
text-indent | <length> | <percentage> | inherit | |
text-transform | capitalize | uppercase | lowercase | none | inherit | |
top | <length> | <percentage> | auto | inherit | |
vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | |
visibility | visible | hidden | collapse | inherit | |
white-space | normal | pre | nowrap | inherit | |
width | <length> | <percentage> | auto | inherit | |
z-index | auto | <integer> | inherit | Tab |
|
|
:
1. .
2.
- index.html ( html)
- css
- style.css ( )
- node_modules ( )
- js
- js scripts.js. ( )
.
( , )
3. , , .. ( Bootstrap v4.0.0 ) node_modules
( )
4. index.html .
5. .
GIT:
1. GITHUB github.com// .
2. Windows/Linux c https://git-scm.com/
3. GIT BASH cd ( ).
|
|
4. git init ,
5. git add. ( ) .
6. git commit m
7. git log
8. GITHUB git remote add ( , , origin) [email protected]:( github)/( github).git
9. , git push u origin master