Selasa, 11 April 2017
SELECTOR CLASS DAN SELECTOR ID
contoh selektor kelas dan ID</tittle>
<style type="text/css">
.kotak { Border: solid: padding: 5px; }
#Jawa { Background-clor: #ccff66; / *latarbelakang */}
#Inggris { Font-welght: bold;Font-size= 1.2em; }
</style>
</head>
<body>
<div id="Indonesia" class="kotak">Selamat Pagi !</div>
<div id="Jawa"Sugeng enjing!</div>
<div id="Inggris" class="kotak">Good morning !</div>
</body>
</html>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Diposting oleh
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/09974986488708074016' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09974986488708074016' rel='author' title='author profile'>
<span itemprop='name'>FikaIinLestari</span>
</a>
</span>
</span>
<span class='post-timestamp'>
di
<meta content='http://fikamm.blogspot.com/2017/04/selector-class-dan-selector-id-contoh.html' itemprop='url'/>
<a class='timestamp-link' href='https://fikamm.blogspot.com/2017/04/selector-class-dan-selector-id-contoh.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2017-04-11T00:17:00-07:00'>00.17</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://fikamm.blogspot.com/2017/04/selector-class-dan-selector-id-contoh.html#comment-form' onclick=''>
Tidak ada komentar:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1327621930'>
<a href='https://www.blogger.com/post-edit.g?blogID=20770019926569581&postID=1551005534992052074&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=20770019926569581&postID=1551005534992052074&target=email' target='_blank' title='Kirimkan Ini lewat Email'><span class='share-button-link-text'>Kirimkan Ini lewat Email</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=20770019926569581&postID=1551005534992052074&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=20770019926569581&postID=1551005534992052074&target=twitter' target='_blank' title='Bagikan ke X'><span class='share-button-link-text'>Bagikan ke X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=20770019926569581&postID=1551005534992052074&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Berbagi ke Facebook'><span class='share-button-link-text'>Berbagi ke Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=20770019926569581&postID=1551005534992052074&target=pinterest' target='_blank' title='Bagikan ke Pinterest'><span class='share-button-link-text'>Bagikan ke Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
<div class="date-outer">
<h2 class='date-header'><span>Senin, 10 April 2017</span></h2>
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='20770019926569581' itemprop='blogId'/>
<meta content='4554428736652790641' itemprop='postId'/>
<a name='4554428736652790641'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4554428736652790641' itemprop='description articleBody'>
<html>
<head>
<title> contoh selektor kelas dan 10