Rumah >hujung hadapan web >html tutorial >Susunan gaya lalai tag html_HTML/Xhtml_Pengeluaran halaman web

Susunan gaya lalai tag html_HTML/Xhtml_Pengeluaran halaman web

WBOY
WBOYasal
2016-05-16 16:39:561259semak imbas

html, alamat, petikan blok, badan, dd, div, dl, dt, set medan, borang, bingkai, set bingkai, h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pra { display: block }/*Elemen senarai di atas dipaparkan dalam bentuk blok secara lalai, dan elemen yang tidak dipaparkan akan dipaparkan sebagai elemen sebaris Senarai ini adalah untuk versi HTML4, dan beberapa elemen akan menjadi usang XHTML1*/
li { display: list-item }/*Lalainya ialah untuk dipaparkan dalam senarai*/
head { display: none }/*Lalainya bukan untuk dipaparkan*/
jadual { paparan: jadual }/*Lalainya ialah untuk dipaparkan dalam jadual*/
tr { paparan: baris-jadual }/*Lalai ialah paparan baris jadual*/
kepala { display: table-header-group } /*Lalai ialah paparan kumpulan pengepala jadual*/
tbody { paparan: table- row-group }/*Lalai ialah paparan kumpulan bagi baris jadual*/
tfoot { display: table-footer-group } /*Lalai lalai ialah paparan kumpulan di bahagian bawah jadual*/
col { display: table-column }/* Lalai ialah table column display*/
colgroup { display: table-column-group } /*Lalai lalai ialah paparan kumpulan lajur jadual*/

td, th { display: table-cell }/*Default Display for cell*/

caption { display: table-caption } /*Lalai untuk paparan tajuk jadual*/

th { font-weight: bolder; text-align: center }/ *Lalai adalah untuk memaparkan tajuk jadual, dalam keadaan tebal dan berpusat*/
caption { text-align: center }/*Lalainya ialah untuk memaparkan tajuk jadual, dalam keadaan berpusat*/
body { margin: 8px; line-height : 1.12 }
h1 { font-size: 2em; jidar: .67em 0 }
h2 { saiz fon: 1.5em; , petikan blok, ul, set medan, borang, ol, dl, dir, menu { jidar: 1.12em 0 }
h5 { saiz fon: .83em: 1.5 em 0 }
h6 { saiz fon: .75em; jidar: 1.67em 0 }
h1, h2, h3, h4, h5, h6, b,kuat { font-weight: lebih tebal }
blockquote { margin-kiri: 40px; }
i, cite, em,var, alamat { font-style: italic }
pra, tt, code, kbd, samp { font-family: monospace }
pra { white-space: pre }
butang, kawasan teks, input, objek, pilih { display:inline-block; >sub { vertical-align: sub }/*Takrifkan sub elemen untuk memaparkan subskrip secara lalai*/
sup { vertical-align: super }/*Takrifkan subelemen untuk dipaparkan secara lalai Paparkan superskrip */
table { border-spacing: 2px; }
thead, tbody, tfoot { vertical-align: middle }/*Tentukan elemen pengepala jadual, jadual badan dan kaki meja untuk dijajarkan secara menegak secara lalai* /
td , th { vertical-align: inherit }/*Tentukan sel dan tajuk lajur untuk dijajarkan secara menegak secara lalai dan diwarisi secara lalai*/
s, strike, del { text-decoration: line-through }/* Tentukan elemen ini untuk dipaparkan sebagai coretan secara lalai*/

jam { sempadan: 1px inset }/* Tentukan garis pemisah menjadi kesan tepi cekung 3D lebar 1px secara lalai*/

ol, ul , dir , menu, dd { margin-left: 40px }

ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin- bawah: 0 }
u, ins { text-decoration: underline }
br:before { content: ""A" }/*Tentukan gaya kandungan pseudo-objek bagi elemen pemisah baris*/
:sebelum, : selepas { white-space: pra-garis }/*Tentukan gaya lalai bagi aksara ruang objek pseudo*/
center { text-align: center }
abbr, akronim { font- varian: huruf kecil; jarak huruf: 0.1em }
:pautan, :dilawati { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Mulakan tetapan dwiarah (buat tidak berubah) */
BDO[DIR="ltr"] { direction: ltr unicode-bidi: bidi-override }/*Tentukan susunan paparan bacaan dan penulisan teks lalai bagi elemen BDO apabila atributnya ialah DIR= "ltr"*/
BDO[ DIR="rtl"] { direction: rtl-bidi: bidi-override }/*Tentukan susunan paparan bacaan dan penulisan teks lalai bagi elemen BDO apabila atributnya ialah DIR= "rtl"*/
*[DIR= "ltr"] { direction: ltr unicode-bidi: embed }/*Tentukan susunan paparan bacaan dan penulisan teks lalai untuk sebarang elemen apabila atributnya ialah DIR="ltr" */
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }/*Tentukan susunan paparan teks lalai dan penulisan mana-mana elemen apabila atributnya ialah DIR="rtl"*/

@cetakan media { /*Tentukan tajuk dan Senaraikan gaya cetakan lalai*/
h1 { page-break-before: sentiasa }
h1, h2, h3, h4, h5, h6 { page -break-after: elak }
ul, ol, dl { page-break-sebelum: elak }
}


Gaya lalai penyemak imbas


1 . Jidar halaman
Ie lalai ialah 10px, lulus Tetapan atribut margin badan FF lalai kepada 8px, dan tetapan atribut padding badan Untuk mengosongkan jidar halaman, anda mesti mengosongkan kedua-dua atribut ini values ​​​​​​





Salin kod

Kod adalah seperti berikut: badan { margin:0;
lapik:0;
}


2. Jarak perenggan
IE lalai kepada 19px, ditetapkan oleh atribut atas jidar p
FF lalai kepada 1.12em, ditetapkan oleh atribut tepi bawah p
p lalai untuk menyekat paparan , Untuk mengosongkan jarak perenggan, anda secara amnya boleh menetapkan

Salin kod
Kod adalah seperti berikut:

p {
margin-atas:0;
margin-bawah: 0;
}

3 paparan tebal: font-weight:bold;.
Sila rujuk jadual di atas untuk saiz lalai
Ia juga ditulis seperti ini


Salin kodKodnya adalah seperti berikut:
h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size :large;}
h4 {font-size:medium;}
h5 {font-size:small;}
h6 {font-size:x-small;}

Saiz fon lalai penyemak imbas yang besar ialah 16px, yang sama dengan sederhana Secara lalai, elemen h1~h6 dipaparkan dalam huruf tebal dalam fon paparan blok
Untuk mengosongkan gaya tajuk, anda boleh menetapkan


Salin kodKod tersebut adalah seperti berikut:
hx {
font-weight:normal; 🎜>font-size:value;
}


4 Gaya senarai
IE lalai kepada 40px, ditetapkan oleh atribut margin ul dan ol
FF lalai kepada 40px, ditetapkan oleh atribut padding ul dan ol
dl tidak mempunyai lekukan , tetapi elemen perihalan dalaman dd diindenkan sebanyak 40px secara lalai, manakala elemen nama dt tidak dienden.
Untuk mengosongkan gaya senarai, anda secara amnya boleh menetapkan



Salin kod Kod adalah seperti berikut:
ul, ol, dd {
list-style-type:none;/*Kosongkan aksara gaya senarai*/
margin-left:0;/*Clear IE left indent*/
pelapis- kiri:0;/*Kosongkan inden kiri bukan IE*/
}


5 Elemen dipusatkan
IE lalai kepada text-align:center; >FF lalai kepada margin -left:auto;margin-right:auto;

6 Gaya hiperpautan
gaya digariskan secara lalai, dan warna paparan menjadi biru kepada kosongkan pautan Gaya, secara amnya anda boleh tetapkan




Salin kod
Kodnya adalah seperti berikut:
a {
text-decoration:none;
color:#colorname;
}


7 gaya tetikus
IE lalai kepada kursor:tangan
FF lalai kepada kursor:penunjuk ;. Kenyataan ini juga sah dalam IE

8 Gaya pautan imej
IE lalai kepada garis sempadan 2px ungu
FF lalai kepada garis sempadan 2px biru
Untuk mengosongkan gaya pautan imej, secara amnya Anda boleh menetapkan
img {
sempadan:0;
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn