Rabu, 22 Nopember 2017

CSS
Pengertian CSS
31 August 2009 00:00
CSS atau Cascading Style Sheets adalah bahasa pemrograman untuk mengatur tampilan suatu website. CSS merupakan script yang telah embedded dengan HTML.
Manfaat dari CSS:
  1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
  2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
  3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
  4. Dapat berkolaborasi dengan JavaScript.
  5. Digunakan dalam hampir semua web browser.

Atribut ID
Aturan penamaan ID:
  1. Dapat mengandung huruf, angka, atau karakter garis bawah,
  2. Karakter pertama harus berupa huruf atau karakter garis bawah,
  3. Diawali dengan tanda #,
  4. Jangan memberi nama id sama dengan value,
  5. Jangan memberi nama id dengan tag html kemudian diikuti tanda #.

contoh :

<html>
<head>
<style type = "text/css">
#header {
width:900px;   
height:50px;
border: 1px solid #640404;
}
#headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
#headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>
<h1>Sample</h1>
<div id = "header">
    <div id="headerLeft">Header Left</div>
    <div id="headerRight">Header Right</div>
</div>
</body>
</html>


Penempatan CSS dalam HTML

  1. Internal CSS

    Metode penulisan kode CSS langsung dalam file HTML. contoh:
    <html>
    <head>
    <style type = "text/css">
    .header {
    width:900px;   
    height:50px;
    border: 1px solid #640404;
    }
    .headerLeft {
    width:400px;
    background-color:#CCCCCC;
    height:50px;
    float:left;
    text-align:center;
    }
    .headerRight {
    width:450px;
    background-color:#999999;
    height:50px;
    float:right;
    text-align:center;
    }
    </style>
    </head>
    <body>

    </body>
    </html>

  2. Eksternal CSS

    file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:
    <html>
    <head>
    <link rel=”stylesheet” type=”text/css” href=”public.css”/>
    </head>
    <body>

    </body>
    </html>

  3. Inline CSS

    Penulisan kode CSS dalam tag HTML. contoh:
    <html>
    <head>
    </head>
    <div style="background-color:#999999; text-align:center;">Inline CSS</div>
    </body>
    </html>


Share |


full coverage car insurance Mesquite NV, 67g8vtkj4r@hotmail.com
26/10/2017 12:10:30
I would like to thnkx for the efforts you have put in writing this web site. I am hoping the same high-grade site post from you in the upcoming also. Actually your creative writing skills has inspired me to get my own blog now. Actually the blogging is spreading its wings rapidly. Your write up is a good example of it.
best car insurance in Harrisburg PA, bzhk109cll@mail.com
26/10/2017 08:10:31
British PM Cameron is reminiscent of former PM Chamberlain with his appeasement strategy toward Turkey. Gone are the days of great English statesmen like PM Churchill and PM Thatcher. There might not always be an England with amateurs like Mr. Cameron at the helm.
low income car insurance dmv Palm Desert CA, ibahvdz6@yahoo.com
26/10/2017 04:10:10
If we follow Christ we are called to feed the hungry, clothe the poor and care for the sick. Christ met people where they were, not where he wished they could be. The Shepherd continued to support the lost sheep on the journey of reconciliation.
cheap sr22 insurance Easley SC, 2c1b0y0p484@mail.com
25/10/2017 20:10:06
Trescharchi,dobrze to napisałeś. Osobiście mam poczucie kaca. Ale może nieco jednak przesadzasz, pisząc: "Tak jak niegdyś tyle czasu zajęło namówienie elektoratu "obojętnego", że PiS jest partią mającą konkretny program, tak dzisiaj - co smutne - wszystko zostało przekreślone."Bitwa owszem nie ułozyła się po drugiej stronie; z pewnością Kuczyńscy to wykorzystają. Ale cóż. Nie straciliśmy tak wiele, bo za dużo jeszcze nie mieliśmy. Der Kampf gehts weiter. Pozdrawiam serdecznie,AH
full coverage auto insurance Potomac MD, qnb40l2qm@yahoo.com
19/10/2017 01:10:19
La panosse, Marie-Thérèse Porchet explique très bien ce que c’est dans son cours de géographie (à la fin de l’extrait diffusé sur Youtube).
cheap auto insurance Redwood City CA, 5221sows@yahoo.com
18/10/2017 15:10:39
Nej det var ikke det produkt :-D Jeg kan dog ikke lige huske hvad den rigtige hed, men tak for hurtigt svar :-)
low income car insurance Bothell WA, hx5y8qpi@yahoo.com
18/10/2017 15:10:02
Review by Anno Tator for Rating: This is no doubt a very good product but I had to give it a low rating as had to return it as unsuitable for my needs and buy instead a router with built in MODEM & FIREWALL, also Netgear and I am delighted with the replacement.VA:F [1.9.21_1169](from 0 votes)
no down payment auto insurance in Grapevine TX, nm7pv9k9xu@gmail.com
16/10/2017 09:10:27
PedroSousa` • 1 de Dezembro de 2009 às 14:45Parabens, eu neste nem fiquei na lista. Esta bem, parabens aos 3 vencedoresEste teve tanto prémios. Continua assim, gostei de ver.
low income car insurance Forest Hills NY, q86z6ai5pe@gmail.com
15/10/2017 13:10:12
en la universidad tengo q llevar media hoja traducida de cualquier tema q yo quiera, pero el problema es q no se de q tema hablar ya q aveces consigo algunas oraciones muy complejas de traducir o muy tecnicas.. q tema sencillo de traducir me recomiendan? aunque si me lo dan traducido le dare sus 10 puntos de una vez.. gracias
auto insurance rates El Monte CA, 3h3nol459@mail.com
14/10/2017 20:10:15
Gotta say that I partially agree with Eric and for the same reasons also with Mike Patton, the fact is also that he seems to like getting the fans really nervous and hectic everytime such question is involved… And for some reasons, he succeeded!!
best auto insurance in New Haven CT, 03nduxem3@mail.com
14/10/2017 20:10:04
I really like this website because I can get quick info fast and the comments are always interesting and informative to read. However, I really feel like this is a place where Orthodoxy is unbalanced with those of the Reformed camp. Would it be possible to have more on the Reformed camp post up articles or have their position posted? This, however, may be a ‘protestant bias.’
cheap non owners insurance in Acton MA, qjlpcuhw@mail.com
14/10/2017 16:10:23
J’ai évité de laisser un avis trop personnel dans cette note, surtout parce que je manque encore un peu d’ancienneté et donc de recul sur la question. Mais les commentaires sont faits pour cela, n’hésitez pas à vous y exprimer.Jej > Les programmes ne changent pas grand chose aux sorties. C’est une question hors programme qui dépend de l’initiative de chaque enseignant.
non owners car insurance quotes Casselberry FL, b1nqy4b4ire@gmail.com
13/10/2017 18:10:44
Rosa your kitchen is amazing! We have similar taste, I wish I did my back splash with the marble tile…. We opted for subway tile but I guess it’s an easy fix (kinda) anyways, looking forward to your invite for a glass of wine over at your house ….. KITCHEN PARTY at Rosa’s!!!!!!!
cheap car insurance Methuen MA, e0liuuc9el@hotmail.com
13/10/2017 11:10:10
Very very nice write up, the initial description of the yoga process really set my mind to a receptive place; then the discussion of the pigment drenched paintings, the contrast, the quiet richness--I really got a more-than-visual hit of the paintings, thank you! One thing I also love about yoga that I apply to my writing and painting: stay quiet and still and wait for the change.
cheapest auto insurance Huntington NY, k8vulxh4o1@hotmail.com
12/10/2017 09:10:51
your windows damaged… some necessary files such as run32, ntoskrnl isn’t working, try reinstall the windows, or repair ( your files still intact), and is there any programs or apps that you had installed before your computer malfunctioning?
cheap car insurance Brownsville TX, 6w9carsd@yahoo.com
12/10/2017 06:10:56
JÁ viajei sozinhO varias vezes em quase todos esses destinos, E SEMPRE com a tam. É muito bom viajar sozinho e conhecer novas pessoas fazer novas amizades e aumentar o circulo de amizade pelo mundo.
payless auto insurance Reseda CA, kswft37k2@outlook.com
12/10/2017 00:10:21
I am starting a website and I need a little advice on which Affiliate Network to go with. I need mainly banner advertisements that will have a decent payout for 1000 impressions. Also, I need to be able to categorize my ads because I will need ads that are geared towards music and entertainment. Also, I need video advertisements to run before videos on my site. Any help in the right direction would be greatly appreciated.
auto insurance Madisonville LA, 6xlxunwosxj@outlook.com
11/10/2017 16:10:11
Jeg synes ogs̴ det er super fedt med dine videoblogs! Рgode og billige tips du kom med. Det er altid godt. Bliver altid overrasket over hvordan du snakker:) РMen det er positivt ment!!!!;)
low income car insurance dmv MA, p4bgy104@hotmail.com
11/10/2017 15:10:44
We’ll take him anytime, anywhere and I agree this is a smart move for him. This may open him up to a whole new group that have no idea who he is (hard to believe I know but they are out there) and they love her. Oh and I recruited 3 new WFE readers this week They bought the book and couldn’t put it down. They are chomping at the bit for the movie to come out now.Gotta spread the joy and the pretty around!
full coverage car insurance Chesapeake VA, 0qjmjcsvxg@gmail.com
11/10/2017 03:10:02
Eu curto muito livros relacionados a períodos da segunda guerra (desde pequena e eu não sei porque). Esse parece mais um que eu ficaria animada em me envolver, com a perspectiva diferente.liliescreve.blogspot.com

Add Your Comment
Name
Email Address
Website / URL
Message
Mak [600] Karakter
Verify code


copyright © 2004 - 2013 All Rights Reserved, Web Development