xgiovio/unisa_tsw_2014_2015
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some exercies on css3 box model and flex

Browse Source
This commit is contained in:
Giovanni Di Grezia
2014-11-23 22:07:03 +01:00
parent be34f479d5
commit 5c9f10d07f
7 changed files with 503 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
css_box2.html Normal file
View File

@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html>
<head>
<title>css</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<style>
textarea {
background-image:url(sky.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 50px;
border: 50px dotted black;
background-origin:border-box;
background-clip: border-box;
}
p:not(#p1) {
box-shadow: 10px 10px 5px 5px blue inset;
outline: thick solid red;
outline-offset:4px;
width:50%;
min-width:300px;
max-width:400px;
padding: 50px;
box-sizing:border-box;
visibility:visible;
}
#p1 {
width:400px;
height:100px;
border:1px black solid;
overflow:hidden;
}
</style>
</head>
<body>
<textarea row="8" cols="30">sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
</textarea>
<p >sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
</p>
<p id="p1" >sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
sdsadsa sda fsda ds fd fd sf sd
</p>
</body>
</html>