Atribut CSS Dasar untuk Pemula
Atribut CSS Dasar untuk Pemula
elemen dasar, yang akan sangat cocok untuk memulai dengan CSS. Ada
banyak atribut lain yang akan kamu pelajari di bab-bab berikutnya darilManual CSS. Recuerda
Selain itu, jika Anda ingin melihat bagaimana banyak dari gaya ini diterapkan di situs web, Anda bisa
lihat video tutorial tentang atribut CSS.
Nama dari
Nilai yang mungkin Contoh
atribut
FONT
#009900
warna nilai RGB atau nama warna
warna: merah;
Digunakan untuk menunjukkan warna teks. Hampir semua tag HTML menerimanya. Tidak semua nama warna adalah
yang diterima dalam standar, maka disarankan untuk menggunakan nilai RGB.
xx-small | x-small | small | medium | large |
ukuran-font:12pt;
ukuran-font x-besar
ukuran-font: besar-x;
Satuan CSS
Berguna untuk menunjukkan ukuran font dengan cara yang lebih kaku dan dengan lebih akurat.
serif
font-family:arial,helvetica;
jenis huruf monospace
font-family: fantasi;
Semua sumber biasa
Dengan atribut ini, kita menunjukkan keluarga tipe huruf dari teks. Nilai-nilai pertama bersifat generik, yaitu,
penjelajah memahami dan menggunakan sumber yang dimiliki pengguna di sistemnya.
Juga dapat didefinisikan dengan tipografi biasa, seperti yang terjadi di html. Jika nama sebuah font memiliki
spasi digunakan tanda kutip agar dapat dipahami dengan baik.
normal
berat-font 300 | 400 | 500 | 600 | 700 | 800 | 900 berat-font: 200;
Berguna untuk menentukan lebar karakter, atau dengan kata lain, untuk menebalkan dengan kebebasan penuh.
Normal y 400 son el mismo valor, así como bold y 700.
gaya-font:normal;
gaya-font normal
font-style: italic;
Ini adalah gaya font, yang bisa normal, miring, atau miring oblique. Gaya oblique mirip dengan italic.
PARAGRAF - TEKS
tinggi-baris: 12px;
tinggi garis normal dan unit CSS
tinggi-garis: normal;
Tinggi sebuah garis, dan karena itu, jarak antar garis. Ini adalah salah satu karakteristik yang tidak bisa diubah.
menggunakan HTML.
tidak ada | [ garis bawah || garis atas || garis tengah dekorasi teks: tidak ada;
hiasan teks ] text-decoration: garis bawah;
Untuk menetapkan dekorasi teks, yaitu, apakah itu digarisbawahi, dicoret, atau dicoret.
teks-justifikasi: kanan;
perataan-teks kiri
teks-rapat: tengah;
Ini berfungsi untuk menunjukkan perataan teks. Menarik untuk dicatat bahwa lembar gaya memungkinkan penyelarasan.
teks, meskipun ingat bahwa tidak harus berfungsi di semua sistem.
teks-indentasi: 10px;
indentasi teks Satuan CSS
teks-indentasi: 2in;
Sebuah atribut yang berguna untuk membuat margin atau spasi di halaman. Sangat berguna dan inovatif.
text-transform: tidak ada;
transformasi-teks besar pertama
teks-transform: kapitalisasi;
Nos memungkinkan untuk mengubah teks, menjadikannya memiliki huruf pertama kapital di semua kata, semua dalam
huruf kapital atau huruf kecil.
KOTAK - CAJA
margin-kiri: 1cm;
Margin-kiri Satuan CSS
margin-kiri: 0,5in;
Kami menunjukkan dengan atribut ini ukuran margin di sebelah kiri
margin-kanan: 5%;
Margin-kanan Satuan CSS
margin-kanan: 1in;
Digunakan untuk menentukan ukuran margin di sebelah kanan
margin-top: 0px;
Margin-atas Satuan CSS
margin-top: 10px;
Kami menunjukkan dengan atribut ini ukuran margin di atas halaman
margin-bottom: 0pt;
Margin-bawah Unitas CSS
margin-top: 1px;
Dengan itu menunjukkan ukuran margin di bagian bawah halaman
padding-kiri: 0,5in;
Jarak kiri Satuan CSS
padding-kiri: 1px;
Indikasikan ruang yang disisipkan, di sebelah kiri, antara tepi elemen-kontainer dan kontennya. Ini adalah
mirip dengan atribut cellpadding pada tabel.
Ruang yang dimasukkan memiliki latar belakang yang sama dengan latar belakang elemen-benua.
padding-kanan: 0.5cm;
Pengisian kanan Satuan CSS
padding-kanan: 1pt;
Tunjukkan ruang yang disisipkan, dalam hal ini di sebelah kanan, antara tepi elemen-benua dan kontennya.
ini. Ini mirip dengan atribut cellpadding pada tabel.
Ruang yang disisipkan memiliki latar belakang yang sama dengan latar belakang elemen-benua.
padding-top: 10pt;
Padding-atas Unit CSS
padding-top: 5px;
Tunjukkan ruang yang disisipkan, di atas, antara tepi elemen-benua dan konten di dalamnya.
padding-kanan: 0.5cm;
Padding bawah Unit CSS
padding-right: 1pt;
Tunjukkan ruang yang disisipkan, dalam hal ini di bawah, antara tepi elemen-kontinen dan konten ini.
merah
Warna batas warna RGB dan nama warna
#ffccff
Untuk menunjukkan warna batas elemen halaman yang diterapkan. Warna dapat diatur secara terpisah.
dengan atribut border-top-color, border-right-color, border-bottom-color, border-left-color.
tidak ada gaya-batas: padat;
Gaya batas punggung gaya-batas: ganda;
Gaya batas, nilai berarti: none=tanpa batas, dotted=titik-titik (tidak tampak berfungsi), solid=padat,
double=doble borde, dan dari groove hingga outset adalah batas dengan berbagai efek 3D.
lebar-batas: 10px;
lebar batas Satuan CSS
lebar-batas: 0.5in;
Ukuran batas elemen yang kami terapkan.
float tidak ada mengapung: kanan;
Berguna untuk meratakan elemen ke kiri atau kanan sehingga teks dikelompokkan di sekitar elemen tersebut.
elemen. Sama seperti atribut align pada gambar dengan nilai kanan dan kiri.
bersih tidak ada jelas: kanan;
Jika elemen ini memiliki gambar atau elemen lain yang disejajarkan ke kanan atau kiri, dengan atribut
jelas kita membuatnya diletakkan di tempat yang tidak lagi memiliki elemen-elemen itu di sisi yang kita tunjukkan.
Spesifikasi gaya CSS sangat luas dan pasti ada yang terlewat.
atribut gaya, tetapi saya rasa sebagian besar ada, dan tentu saja pemilihan
yang paling penting.