Latest web development tutorials

CSS HTML

CSS (Cascading Style Sheets) untuk rendering elemen HTML tag gaya.

Lihatlah! Styles dan warna

memanipulasi Teks
Warna, box
dan banyak lagi ...


Coba »

contoh

Coba - Contoh

HTML menggunakan gaya
Contoh ini menunjukkan bagaimana menggunakan informasi tersebut untuk menambah gaya <head> bagian dari format HTML.

Contoh ini menunjukkan bagaimana menggunakan atribut style tidak menggarisbawahi link.
Cara menggunakan properti untuk membuat gaya link tidak digarisbawahi.

Link ke stylesheet eksternal
Contoh ini menunjukkan bagaimana Tag link ke stylesheet eksternal.

Cara Menggunakan CSS

Dalam HTML 4, CSS digunakan, dalam rangka untuk lebih membuat elemen HTML diperkenalkan.

CSS dapat ditambahkan ke HTML dengan cara berikut:

  • Inline gaya - penggunaan "gaya" atribut dalam elemen HTML
  • style sheet internal - di kepala dokumen HTML <head> daerah menggunakan elemen <style> mengandung CSS
  • referensi eksternal - Gunakan eksternal file CSS

Cara terbaik adalah melalui referensi file CSS eksternal.

Dalam situs ini HTML tutorial kita menggunakan gaya CSS inline untuk memperkenalkan sebuah contoh, yang adalah untuk menyederhanakan contoh, tetapi juga membuat lebih mudah bagi Anda untuk mengedit kode secara online dan secara online berjalan misalnya.

Anda dapat situs CSS tutorial, CSS tutorial untuk belajar lebih banyak pengetahuan CSS.

gaya inline

Ketika gaya khusus perlu diterapkan untuk masing-masing elemen, Anda dapat menggunakan gaya inline. Gunakan gaya inline adalah dengan menggunakan atribut style pada tag yang relevan. atribut style dapat berisi properti CSS. Contoh berikut menunjukkan bagaimana mengubah warna paragraf dan margin kiri.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Selengkapnya gaya, kunjungi CSS tutorial .

HTML Style Contoh - Warna Latar Belakang

Background atribut warna latar belakang warna (background-color) mendefinisikan sebuah elemen:

contoh

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

Coba »

Awal atribut warna latar belakang (background-color) adalah dengan menggunakan definisi atribut bgcolor.

Coba: Lama HTML untuk mengatur modus background

HTML Style Contoh - Font, warna font, ukuran font

Kita dapat menggunakan font-family (font), warna (color), dan font-size (ukuran font) untuk menentukan gaya dari atribut font:

contoh

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

Coba »

Sekarang umum digunakan font-family (font), warna (color), dan font-size (ukuran font) atribut untuk menentukan gaya teks, bukan menggunakan <font> tag.

HTML Style Contoh - Perataan Teks

Gunakan text-align (perataan teks) atribut tingkat menentukan keselarasan vertikal teks:

contoh

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

Coba »

Text-align properti text-align untuk menggantikan label lama <center>.

mencoba

internal style sheet

Ketika file tunggal membutuhkan gaya khusus, Anda dapat menggunakan stylesheet internal. Anda bisa <head> dengan <style> mendefinisikan internal style sheet:

<Head>
<Jenis Style = "text / css">
body {background-color: yellow;}
p {color: blue;}
</ Style>
</ Kepala>

style sheet eksternal

Ketika gaya perlu diterapkan untuk banyak halaman, style sheet eksternal akan menjadi pilihan yang ideal. Gunakan style sheet eksternal, Anda dapat mengubah file untuk mengubah tampilan dari seluruh situs.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

tag gaya HTML

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址

tag usang dan atribut

Dalam HTML 4, dukungan kustom elemen HTML tag gaya asli dan atribut telah usang. label ini tidak akan mendukung versi baru dari tag HTML.

Usang label: <font>, <center>, <strike>

Usang atribut: warna dan bgcolor.