Notes
Notes - notes.io |
<html>
<head>
<title></title>
<meta charset="utf-8" />
<!--1-Tag seçicisi: Direk olarak adını yazarak o tag veya tag'lere stil veririz.
2- Class Seçici: Tag'leri belirli calss adları vererel isterse gruğplayarak isterdek .classadi der ve o simif adındaki bütün elem entşer, seveer ver stilk veririz
3-Od secicisi : Tagkere verili Id verek #IDAdi der Stil ceririz Dikkatredikemöedsi gereken nıokrta class virdemn fazla cerilevişkrje ID sadece vir elelöemt verilevilşr
Inl dedigiizm tyag içine yatzıolı
lsdajas
-->
<style>
body {
padding: 0;
margin: 0;
}
div {
background-color: maroon;
width: 300px;
height: 300px;
float: left;
border: 3px solid #000;
}
#yesilkutu {
background-color: forestgreen;
}
.yavruagzi {
background-color: #FFA17F;
}
#BoslukluDiv{
width:350px;
height:220px;
background-color:antiquewhite;
border:1px dashed aquamarine;
margin :20px;
/*padding:10px;*//*her tarafından aynı mesafede 10 px boşluk */
/*padding:20px 10px;*/
/*padding:30px 20px 0 25px;*/
padding-top:30px;
padding-right:20px;
padding-left:25px;
padding-bottom:0;
font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
font-size:12px;
color:maroon;
text-align:center;
}
</style>
</head>
<body>
<div style="width:500px; height:500px; background-color:aquamarine;"></div>
<div class="yavruagzi"></div>
<div id="yesilkutu"></div>
<div class="yavruagzi"></div>
<br />
<div id="BoslukluDiv">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo tellus eu enim fermentum, non viverra justo dictum. Quisque feugiat erat eu massa lobortis, vel ullamcorper mauris aliquet. Morbi et blandit tortor. Duis vehicula nec turpis eu vulputate. Cras elementum ex eu lacus sodales aliquam. Duis nec ultrices quam. Nunc imperdiet, eros id mollis maximus, mauris leo malesuada felis, a laoreet felis elit vitae sem. Proin eleifend turpis vel augue sagittis, non aliquet nulla volutpat. Curabitur a bibendum lectus, sed consectetur nulla. Fusce consequat aliquam diam, id fermentum nulla feugiat a. Vivamus in mauris dictum, porttitor augue quis, mattis sem. Donec diam augue, placerat quis massa ut, efficitur imperdiet mi. Nullam tempor erat nec nulla bibendum faucibus. Fusce elementum congue elit vel elementum. Mauris at ante vestibulum, pulvinar massa nec, ornare massa. Nulla suscipit ante nec enim aliquet tincidunt.</div>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
