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

So entfernen Sie den Standardstil in HTML

藏色散人
藏色散人Original
2021-02-25 11:00:239706Durchsuche

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;}

3, li

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

ul,ol{list-style: none;}

5, Schaltfläche

img{
  vertical-align:top;
  border:none;
}

6, wählen Sie [Empfohlen:

HTML-Video-Tutorial

]

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

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;
}

8, Eingabe, Text Bereich

h1,h2,h3,h4,h5,h6{font-weight:normal;}

9, kursiv i

input,textarea {
    outline: none;
    border: none;
}
textarea {
    resize: none;
    overflow: auto;
}
10, Tabelle

i{font-style: normal;}

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

table{border-collapse:collapse;border-spacing:0;}

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!

Stellungnahme:
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