#css

Ayuyuhanah
0 view / 1189 show
3 years ago
Education

CSS untuk tema yang digunakan ada pada template header(header.php) yang dinamai  style.css, Pada halaman admin, pilih editor dan klik style.css. Berikut beberapa CSS selector dan kegunaannya

CSS selectorDeskripsiHTMLCSS
bodyMengatur secara keseluruhan situs blog, seperti warna dan tulisan<body>Body {back-ground-color:white}warna seluruh background adalah putih
pMenjelaskan format paragaf<p>This is aparagraph</p>p {color:black}warna tulisan paragraf adalah hitam
H1H2H3

 

H4

Menyediakan header untuk bagian yang berbeda situs<h1>This isa site title</h1>h1 {font-weight: bold;}font pada <h1>…</h1> pada HTML tags akan
aMendefinisikan bagaimana teks Link ditampilkan pada
situs
<a href=”http://wiley.com”>Wiley

 

Publishing</a>

a {color: red}semua tekx link akan berwarna merah

 

Classes dan ID mendefenisikan bagian lain lain situs,

HTMLCSS selectordeskripsi
<div id=”page”>#pageTampilan elemen ID pada halaman situsPada bagian ini, CSS selectornya disebut page
<div id=”header”>#headerTampilan untuk elemen header template
<div id=”headerimg”>#header-imgTampilan untuk elemer gambar pada header template
<div class =”description”>.descriptionTampilan untuk elemen deskripsi class pada template

 

CSS properties dan value

CSS propertiesCSS valueContoh
back-ground-colorMendefenisikan warna backgroundMarkup: <div id=”page”>CSS: #page {background-color: white}
back-groundMendefenisikan gambar backgroundMarkup: <div id=”headerimg”>CSS: #headerimg {background:url(images/header.jpg) no-repeat;}
font-family*Mendefenisikan font yang digunakanMarkup: <body>CSS: body { font-family:‘Lucida Grande’, Verdana,

 

Arial, Sans-Serif;}

colorMendefenisikan warna teksMarkup: <h1>Website Title</h1>CSS: h1 {color: blue}
font-size**Mendefenisikan ukuran teksMarkup: <h1>Website Title</h1>CSS: h1 {font-size: 18px;}
text-alignMendefenisikan posisi teksMarkup: <div id=”page”>CSS: #page {text-align:left;}

 

 

Tags : #css
Share On :




More from ayuayu25

Related