Am'm de lucru pe o pagină web în Google Chrome. Se afișează corect cu următoarele stiluri.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Este important să rețineți că nu am't defini aceste stiluri. Pe Chrome dev tools, se spune user agent de stil în loc de CSS nume de fișier.
Acum, dacă am trimite-o formă și niște eroare de validare apare, am obține următorul stil:
table {
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-variant: normal;
font-style: normal;
color: -webkit-text;
text-align: -webkit-auto;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
A font-size
de aceste noi stiluri este deranjant meu de design. Există vreo modalitate de a forța mea de stil și, dacă este posibil, complet suprascrie Chrome's, default stylesheet?
Ce țintă browsere? Diferite browsere seta diferite default reguli CSS. Încercați inclusiv o resetare CSS, precum meyerweb css reset sau normaliza.css, pentru a elimina aceste valori implicite. Google "resetare css vs normaliza" pentru a vedea diferențele.
Dacă <!DOCTYPE>
lipsește în html puteți să observați că browser-ul dă prioritate "agent utilizator de stil" peste personalizate de stil. Adăugarea doctype stabilește acest lucru.
În ceea ce privește conceptul de "agent utilizator foaie de stil", consultați secțiunea Cascade în CSS 2.1 spec.
User agent foi de stil sunt înlocuite de nimic pe care le setați în propria foaie de stil. Acestea sunt doar partea de jos de rock: în absența oricărei foi de stil oferite de pagina sau de către utilizator, browser-ul încă mai are de a face conținutul cumva, și agentul utilizator foaie de stil doar descrie acest lucru.
Deci, dacă credeți că aveți o problemă cu un agent utilizator foaie de stil, atunci chiar ai o problema cu cei de marcare, sau foaie de stil, sau ambele (despre care n-ai scris nimic).
Un agent utilizator foaie de stil este un "default foaie de stil", oferit de browser (de exemplu, Chrome, Firefox, Edge, etc.) în scopul de a prezenta pagină într-un mod care satisface "prezentare generală așteptările." De exemplu, o foaie de stil implicită ar oferi stiluri de bază pentru lucruri cum ar fi dimensiunea fontului, frontiere, și distanța între elemente. Aceasta este comun de a angaja un reset foaie de stil de-a face cu neconcordanțe între browsere.
De la spec...
Un agent utilizator's, default foaie de stil ar trebui să prezinte elemente ale documentului limbajul în moduri care satisface prezentare generală așteptările pentru document de limba. ~ La Cascada.
Pentru mai multe informații despre agentii utilizator, în general...
Răspunde la întrebarea din titlu, ceea ce este agent utilizator de stil, set de stiluri implicite din browser-ul, aici sunt unele dintre ele (și cele mai relevante, de asemenea, în ziua de azi's web):
Gecko (Firefox): https://dxr.mozilla.org/mozilla-central/source/layout/style/res/html.css
Chromium (Chrome): https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/core/html/resources/html.css
WebKit (Safari): https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
Opinie personală, nu't lupta cu ei, au valorile implicite, de exemplu în rtl/bidi cazuri, și sunt în concordanță în zilele noastre, resetare ceea ce vezi irelevante pentru tine, nu toate dintre ele la o dată.
Unele browsere folosesc propriul lor mod de a citi .fișierele css. Deci, modul corect de a bate acest lucru: Dacă tastați linie de comandă direct în .html codul sursă, aceasta bate .css fișiere, în acest fel, i-ai spus browser-ul direct ce să facă și browser-ul este în poziția de a nu citi comenzile de la .fișier css. Amintiți-vă că comenzile scris în .fișier html este mai puternică decât comanda .css.
Am avut aceeasi problema ca unul dintre mi
M-am dus inapoi si mi-a verificat
secțiune și css mea link-ul a fost ca mai jos:<link rel="stil" href="ex.css">
am inclus tip în ea și a făcut ca mai jos:
<link rel="stil" type="text/css" href="ex.css">
problema mea a fost rezolvată.
Sper că vă ajută pentru unele dintre u.
Fiecare browser oferă un stil implicită, numit agent utilizator de stil, în cazul în care un fișier HTML nu specifica nimeni. Stiluri pe care le specificați suprascrie setările implicite. Pentru că tu nu ai specificat valorile pentru masa elementului cutie, stilurile implicite au fost aplicate