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

May 16, 2016 pm 04:39 PM
teg html

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 Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mengalih keluar tag HTML menggunakan ungkapan biasa Python Bagaimana untuk mengalih keluar tag HTML menggunakan ungkapan biasa Python Jun 22, 2023 am 08:44 AM

HTML (HyperTextMarkupLanguage) ialah bahasa standard untuk mencipta halaman Web Ia menggunakan tag dan atribut untuk menerangkan pelbagai elemen pada halaman, seperti teks, imej, jadual, pautan, dll. Walau bagaimanapun, apabila memproses teks HTML, sukar untuk mengekstrak kandungan teks dengan cepat untuk pemprosesan seterusnya. Pada masa ini, kita boleh menggunakan ungkapan biasa dalam Python untuk mengalih keluar teg HTML untuk mengekstrak teks biasa dengan cepat. Dalam Python, jadual biasa

Cara mengekstrak kandungan teg HTML menggunakan ungkapan biasa dalam bahasa Go Cara mengekstrak kandungan teg HTML menggunakan ungkapan biasa dalam bahasa Go Jul 14, 2023 pm 01:18 PM

Cara menggunakan ungkapan biasa untuk mengekstrak kandungan teg HTML dalam bahasa Go Pengenalan: Ungkapan biasa ialah alat padanan teks yang berkuasa dan ia juga digunakan secara meluas dalam bahasa Go. Dalam senario pemprosesan teg HTML, ungkapan biasa boleh membantu kami mengekstrak kandungan yang diperlukan dengan cepat. Artikel ini akan memperkenalkan cara menggunakan ungkapan biasa untuk mengekstrak kandungan teg HTML dalam bahasa Go dan memberikan contoh kod yang berkaitan. 1. Memperkenalkan pakej berkaitan Pertama, kita perlu mengimport pakej berkaitan: regexp dan fmt. pakej regexp menyediakan

Bagaimana untuk mengalih keluar tag HTML daripada rentetan dalam PHP? Bagaimana untuk mengalih keluar tag HTML daripada rentetan dalam PHP? Mar 23, 2024 pm 09:03 PM

PHP ialah bahasa skrip sebelah pelayan yang biasa digunakan yang digunakan secara meluas dalam pembangunan laman web dan pembangunan aplikasi back-end. Apabila membangunkan tapak web atau aplikasi, anda sering menghadapi situasi di mana anda perlu memproses tag HTML dalam rentetan. Artikel ini akan memperkenalkan cara menggunakan PHP untuk mengalih keluar tag HTML daripada rentetan dan memberikan contoh kod khusus. Mengapa anda perlu mengalih keluar tag HTML? Tag HTML selalunya disertakan semasa memproses input pengguna atau teks yang diperoleh daripada pangkalan data. Kadangkala kami ingin mengalih keluar tag HTML ini apabila memaparkan teks

php中怎么转义html标签 php中怎么转义html标签 Feb 24, 2021 pm 06:00 PM

在PHP中,可以使用htmlentities()函数来转义html,能把字符转换为HTML实体,语法“htmlentities(string,flags,character-set,double_encode)”。PHP中也可以使用html_entity_decode()函数来反转义html,把HTML实体转换为字符。

Bagaimana untuk mengalih keluar tag HTML daripada rentetan yang diberikan dalam Java? Bagaimana untuk mengalih keluar tag HTML daripada rentetan yang diberikan dalam Java? Aug 29, 2023 pm 06:05 PM

String ialah kelas akhir dalam Java, ia tidak boleh diubah, yang bermaksud kita tidak boleh menukar objek itu sendiri, tetapi kita boleh menukar rujukan objek. Teg HTML boleh dialih keluar daripada rentetan yang diberikan menggunakan kaedah replaceAll() kelas String. Kami boleh mengalih keluar teg HTML daripada rentetan yang diberikan menggunakan ungkapan biasa. Selepas mengalih keluar tag HTML daripada rentetan, ia mengembalikan rentetan sebagai teks biasa. Contoh sintaks publicStringreplaceAll(Stringregex,Stringreplacement) publicclassRemoveHTMLTagsTest{&nbs

Bagaimana untuk menggunakan tag HTML dalam jadual HTML? Bagaimana untuk menggunakan tag HTML dalam jadual HTML? Sep 08, 2023 pm 06:13 PM

Kita boleh dengan mudah menambah tag HTML dalam jadual. Teg HTML hendaklah diletakkan di dalam teg <td>. Contohnya, tambahkan perenggan <p>…</p> teg atau teg lain yang tersedia di dalam teg <td>. Sintaks Berikut ialah sintaks untuk menggunakan tag HTMl dalam jadual HTML. <td><p>Paragraphofthecontext</p><td>Contoh 1 Contoh penggunaan tag HTML dalam jadual HTML diberikan di bawah. <!DOCTYPEhtml><html><head&g

Kaedah ungkapan biasa PHP untuk mengesahkan tag HTML asas Kaedah ungkapan biasa PHP untuk mengesahkan tag HTML asas Jun 24, 2023 am 08:07 AM

PHP ialah bahasa pembangunan web yang cekap yang menyokong fungsi ekspresi biasa dan boleh mengesahkan kesahihan data input dengan cepat. Dalam pembangunan web, HTML ialah bahasa penanda biasa, dan pengesahan teg HTML ialah kaedah yang sangat penting untuk pengesahan borang web. Artikel ini akan memperkenalkan kaedah pengesahan teg HTML asas dan cara menggunakan ungkapan biasa PHP untuk pengesahan. 1. Struktur asas tag HTML Tag HTML terdiri daripada nama elemen dan atribut yang dikelilingi oleh kurungan sudut Tag biasa termasuk p, a, div

Koleksi lengkap tag HTML Koleksi lengkap tag HTML Nov 27, 2023 am 10:05 AM

HTML标签有<!DOCTYPE>、<html>、<head>、<tajuk>、<meta>、<pautan>、<style>、<skrip>、<body>、<h1> - <h6>、<p >、<a>、<img>、<div>、<span>、<input>、<butang>、<borang

See all articles