Heim > Web-Frontend > HTML-Tutorial > Was sind die integrierten Stile von HTML-Elementen und wie kann ich sie entfernen?

Was sind die integrierten Stile von HTML-Elementen und wie kann ich sie entfernen?

coldplay.xixi
Freigeben: 2023-01-03 09:27:37
Original
3347 Leute haben es durchsucht

HTML-Elemente haben Standardstile: 1. Entfernen Sie den Standardstil global, der Code lautet [*{padding:0;margin:0;box-sizing:..}] 2. Entfernen Sie den Standardstil Stil aus dem a-Tag, der Code Es ist [a{text-decoration: none;color:#3].

Was sind die integrierten Stile von HTML-Elementen und wie kann ich sie entfernen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

HTML-Elemente haben Standardmethoden, um sie zu entfernen:

1. Entfernen Sie den Standardstil aus dem a-Tag

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

4

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

5. Schaltfläche

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

6, select

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

7, h1

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

8, Eingabe, Textbereich

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

9, kursiv i

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

10, Tabelle

input,textarea {
    outline: none;
    border: none;
}
textarea {
    resize: none;
    overflow: auto;
}
Nach dem Login kopieren

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

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

Verwandte Lernempfehlungen:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die integrierten Stile von HTML-Elementen und wie kann ich sie entfernen?. 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