Minggu, 22 April 2018

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 |


auto insurance rates Canton NY, vps6lw6hqv@gmail.com
22/04/2018 08:04:32
hola. la verdad tengo unas ganas enormes d ecomprarme mi primer auto pero la verdad leyendo un pooc lo que ponen algunos pone en duda mi eleccion . elegi el gol trend por que creo que es un auto comodo agradable y muy bonito y conociendo el andar del gol power creo que el trend es de mayor calidad en cuanto a repuestos creo que se consigue lo que me asusta un poco es el tema del choreo no?? creen que esta en los autos que mas se roban como el fiat uno, el gol comun…?? agradeceria que me contesten
cheap car insurance Teaneck NJ, g3uww3upcs6@mail.com
21/04/2018 23:04:24
wenn an meinen diversen Arbeitsstellen einer “die Stange hält” gebrauchte, ging das große Kichern los, möge es die, die es Bushido-mäßig tun auch in Grund und Boden lachen.
list of car insurances in Carson City NV, mbd5mzl0x2@outlook.com
21/04/2018 22:04:06
Well I would love to get the hardcover it more elegant looking but then it more MORE expensive then the paperback. The price of one hardcover would be the equivalent of 3 paperbacks so it’s a you buy more books situation for me then the looks itself ;pP
cheapest auto insurance in Tucker GA, ymmkan49s3@gmail.com
21/04/2018 08:04:54
Josh: "Think of Houston's housing market when gas goes up to $20 a gallon."If gasoline, diesel, and jet fuel were to quadruple or more, much of Houston's economy would be hurt. Houston is a major transportation hub, and costs to airlines, trucking firms, and railroads would skyrocket. Costs for Houston's downstream industries I mentioned above would also rise to demand-killing levels.
best car insurance in Parsippany NJ, 9rivwqtn1s4@yahoo.com
21/04/2018 07:04:10
I have been absent for some time, but now I remember why I used to love this site. Thank you, I’ll try and check back more often. How frequently you update your website?
auto insurance quotes San Rafael CA, 2inlj7p5b@hotmail.com
20/04/2018 20:04:30
No, the sun is getting hotter. That would heat things up a bit right? There is no evidence that our carbon footprint on the earth is affecting the globe. Al Bore is an idiot. The only reason they want us to buy into the idea of global warming is so that they can start a global, yes global carbon tax. The powers that be are already talking about it.
affordable auto insurance Watertown NY, clqehz6k9y7@mail.com
20/04/2018 15:04:16
This looks great Dianne! I love the fact you have actioned this so promptly and also that you ran with my suggestion for seasonal change. Keep up the great work ...and keep me posted on developments too.Cheers, Kevin
auto insurance Saint Augustine FL, tf4rgd7k@outlook.com
20/04/2018 02:04:13
Ooooh. Oh my god. YES! Love the new look. So much easier to read with the black text on white background. Also love your choice of font for header. And a comment box that prompts you for an “Epitaph”? Genius. You are a genius.
http://www.autofinanzierungcom.pw/, 8nmixtw8y2n@mail.com
19/04/2018 12:04:16
My coder is irritating to induce me to relocate to .net from PHP. I have for all time disliked the idea because of the expenses. Nevertheless he’s tryiong none the fewer. I’ve been using WordPress on several websites for about a year and am anxious about switching to another platform. I have heard admirable clothes about blogengine.net. Is there a way I can transfer all my wordpress posts into it? Some avoid would ensue really appreciated!
cheapest auto insurance Ontario CA, hbim7lid@hotmail.com
19/04/2018 05:04:13
I would happily be carried away to the castle on my steed, feeling the warm body of my saviour at my back if only, a) I had that beautiful horse in that illustration and b) my husband actually knew how to ride a horse.Once again, you’ve written a delightful review that has me intrigued, curious and entertained. I am debating if I should find a split of these somewhere to purchase right now or if I should be good and wait until they are released here in the states and just buy a teeny, tiny sample to make sure I do like them.
low income car insurance League City TX, 0dabadtfr@gmail.com
19/04/2018 03:04:23
Call your insurance company. It should be covered under your basic insurance.I don’t know where you live, but in NY, they come to your house and replace it in about an hour.
full coverage car insurance Lexington KY, lpbpriv7j@mail.com
17/04/2018 20:04:20
Jeanne: oui, merci de le signaler… pas là pour faire les malins mais pour partager…et pour découvrir la richesse de chacun…(un réconfort face au spectacle que nous offre notre société!)
cheapest auto insurance East Lansing MI, lhmrglf50@hotmail.com
17/04/2018 04:04:08
Blair, you're not alone in noticing the trend but I am not feeling it at all! Even if it's not formal dinner, I like sitting at the dining table. I oppose turning living into dining, I hope others agree :)
auto acceptance insurance Citrus Heights CA, nvqhhcah92@hotmail.com
16/04/2018 20:04:03
I will really miss CAP but understand that writing and family life take precedence over providing daily reading material for us pensioners.Best wishes for the future and hopefully you will find time for some blogging in the future.
non owners car insurance quotes Madison MS, lfos1kvh@mail.com
15/04/2018 17:04:07
Alors, je vous le demande, qu’est-ce qui regarde la loi ?Je travaille depuis des années dans un milieu où il m’est donné de voir les effets des « Energy Drink » (je suis Canadien) sur des personnes qui ne croyaient y trouver que du stimulant. Je vous l’affirme, la prise régulière et abondante a souvent des effets sur le système nerveux et particulièrement sur la « faculté » d’entendre des voix.Mais ça, personne ne veut l’entendre. Personne ! Pourquoi ?
auto insurance rates Newburgh NY, el8go5jai@mail.com
14/04/2018 09:04:21
Quand j’étais petit, les paysans près de chez moi se plaignaient tout le temps que au choix:a. les gros orages d’étéb. la sécheressec’était la faute aux avions à réaction. Y a pas de raison que François puisse pas se resservir de cette bonne vieille excuse luddite !
non owners car insurance quotes Winder GA, 2ggbbw2w@outlook.com
14/04/2018 03:04:02
I would point out that were it not for Hamilton’s dirty tricks in Hungary, he would not have beaten Alonso in the Championship (ceteris paribus of course).It defines Lewis Hamilton in the same way as crashing into Hill or Villeneuve defines Michael Schumacher. The ruthlessness which all top sports people have to show? Or the desperate actions of a dirty cheat?
best auto insurance in Lewisville TX, bqkc8pp8@hotmail.com
13/04/2018 14:04:36
Pues no Normita, no usé bikini en ninguno de mis embarazos porque no tuve oportunidad de ir a la playa, pero de haber ido no lo habría usado porque… ¡jamás lo he hecho! siempre he usado trajes de una sola pieza, o en su defecto, shorts y playeras, como que no me siento cómoda con los bikinis…Pero igual no me parece mal ver a las mamis embarazadas, lucen preciosas!!!P.D. Lo que sí hice en mi 2 y 3 embarazo fue tomarme fotos al natural… XD ¡ájala!
cheap car insurance quotes Spring Hill FL, q2sasqjwo1@gmail.com
13/04/2018 09:04:14
serius aku kata…aku tak suka dpt hubby mcm ni sebab jd rebutan..cukupla kalau sedap mata isteri memandang, drpd asik pikir nak jaga dia drpd dirampas org..aku dh pnh ada tunang hensem..tp sebab kehenseman dia la aku merana..wpun puas aku jaga dia betul2..n yg penting hubby aku soleh wpun tak hensem..amin..
free car insurance quotes Burbank CA, ypcwuduyi@gmail.com
13/04/2018 00:04:02
me parece estupendo que el turismo de interior tenga su lugar ,en todos los medios, para disfrute de los maravillosos paisajes rios y montañas, de tods las provincias y por supuesto , como soy de LEON toda su provincia ,en especial EL PARQUE DE PICOS DE EUROPA

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


copyright © 2004 - 2013 All Rights Reserved, Web Development