Heim > Web-Frontend > Front-End-Fragen und Antworten > So entfernen Sie den Standardstil in HTML

So entfernen Sie den Standardstil in HTML

藏色散人
Freigeben: 2023-01-03 09:25:28
Original
9703 Leute haben es durchsucht

So entfernen Sie den Standardstil in HTML: 1. Entfernen Sie den Standardstil global durch „*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}“; der Standardstil des a-Tags; 3. Entfernen Sie den Standardstil aus dem li-Tag usw.

So entfernen Sie den Standardstil in HTML

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5 und CSS3, Dell G3-Computer Standardstil

*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}
Nach dem Login kopieren

3, li

 a{text-decoration: none;color:#333;}
 a:hover, a:visited, a:link, a:active {
    color:#333;
    // 设置使所有a标签的四种状态都和本身颜色保持一致,样式代码自己写
}
Nach dem Login kopieren
4, img

ul,ol{list-style: none;}
Nach dem Login kopieren

5, Schaltfläche

img{
  vertical-align:top;
  border:none;
}
Nach dem Login kopieren

6, wählen Sie [Empfohlen:

HTML-Video-Tutorial

]

.button{
    border:0;
    background-color:none
    outline:none;
    -webkit-appearance: none;//用于IOS下移除原生样式
}
Nach dem Login kopieren

7, h1

select {
    border: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
    padding-right: 14px;
}
Nach dem Login kopieren

8, Eingabe, Text Bereich

h1,h2,h3,h4,h5,h6{font-weight:normal;}
Nach dem Login kopieren

9, kursiv i

10, Tabelle

i{font-style: normal;}
Nach dem Login kopieren

11, Eingabe[Typ=Zahl] Plus- und Minuszeichen entfernen

table{border-collapse:collapse;border-spacing:0;}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Standardstil in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage