Skip to content

Instantly share code, notes, and snippets.

@Prroffessorr
Last active September 26, 2018 17:52
Show Gist options
  • Save Prroffessorr/bc63ed8446df78ffe185fefc7927c678 to your computer and use it in GitHub Desktop.
Save Prroffessorr/bc63ed8446df78ffe185fefc7927c678 to your computer and use it in GitHub Desktop.
Заготовка для лабы по Итех
body:not(h1){
background-color: aquamarine;
background-image: url("boy.png") ;
background-repeat: no-repeat;
background-size: 90%;
background-position-y: 100px;
}
h1{
color: lime;
background: url(tt.jpg)
}
i{
color: darkgreen;
}
strong{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.p1{
margin-top: 10px;
margin-right: 175px;
font-family: serif;
font-size: 150%;
color: darkblue
}
.p1:first-letter{
font-size: 1.5em;
padding: 2px 10px;
margin-right: 5px;
background: #FAF4F4;
border: 6px double;
color: #EE9966;
float: left;
font-weight: bold;
}
b{
color: black;
}
td::first-letter{
font-size: 20px;
color:red;
font-family: 'American TextC', Arial, sans-serif;
}
td:nth-child(2n-1){
font-size: 15px;
color:blue;
font-family: 'Courier New', Courier, monospace;
}
td:nth-child(2){
font-family: Arial, Helvetica, sans-serif;
color: cadetblue;
background:black;
}
a{
/*ссылки без подчёркивания*/
text-decoration: none;
}
.a1:hover{
text-decoration: underline;
}
a:hover{
color:green;
}
table ,tr ,td{
border: 1px solid #000000;
border-style: dotted;
}
img{
height: 150px;
width: 150px;
position: absolute;
top: 30%;
left: 85%;
float: right;
animation-duration: 3s;
animation-delay: 1s;
animation-name:slide;
animation-iteration-count: infinite;
}
@keyframes slide {
from { left: 85%; }
25% { right: 75px }
50% { left :89%; }
to { left: 85%; }
}
.a2{
/* slide link*/
animation-duration: 1s;
animation-delay: 1s;
animation-name: slidein;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes slidein {
from { margin-left: 70%; }
to{
margin-right: 1%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment