[{"data":1,"prerenderedAt":1288},["ShallowReactive",2],{"article-iis-6-mvc-css-troubles-styles-not-recognized":3},{"article":4,"tags":52,"previous":67,"next":1220},{"id":5,"title":6,"author":7,"body":8,"createdAt":40,"description":41,"extension":42,"img":43,"meta":44,"navigation":45,"path":46,"seo":47,"stem":48,"tags":49,"updatedAt":40,"__hash__":51},"articles\u002Farticles\u002Fiis-6-mvc-css-troubles-styles-not-recognized.md","IIS 6 MVC CSS Troubles - Styles not recognized","[object Object]",{"type":9,"value":10,"toc":36},"minimark",[11,15,18,21,24,27,30,33],[12,13,14],"p",{},"Scenario: I deployed my mvc 3 application to IIS 6 (with NTLM authentication). While using Internet Explorer (IE) everything looked great. When I tested the site with other common browsers Chrome\u002FFireFox\u002FSafari none of the styles specified in the css sheet were used.",[12,16,17],{},"I first checked with FireFox\u002FFirebug that the css was indeed found. The css sheet was found and returned to the client. I tried to view the css sheet within Firebug and I got the message \"There are no rules. You can create a rule.\"....so the css is found however for some reason it is not being applied in non-Internet Explorer browsers.",[12,19,20],{},"The css is reference via the _layout.cshtml as shown...(my first attempts were to modify the path to the css sheet even though I could see the css was accessible to the browser)",[12,22,23],{},"I.e. \u003Clink href=\"@Url.Content(\"~\u002FContent\u002FSite.css\")\" rel=\"stylesheet\" type=\"text\u002Fcss\" \u002F>",[12,25,26],{},"Next attempts used a couple different online css validation apps to ensure my css syntax was not causing an issue. All checked out ok.",[12,28,29],{},"After making a number of minor attempts at digging out additional clues…I checked the IIS 6 setup (everything worked fine locally with IIS 7, so I was narrowing my focus on IIS as being the problem).",[12,31,32],{},"Solution: The site is hosted on a Microsoft IIS 6 server, and it was not sending the appropriate MIME type for CSS files. The fix to this problem was to add a custom MIME type associating .CSS files with the type \"text\u002Fcss\". Obviously, IE was able to discern that the downloaded text file was to be used as a style sheet. Interestingly the other browsers did not have that default behavior and relies on the web server to identify the file of type text\u002Fcss.",[12,34,35],{},"To resolve, open IIS console, navigate to the root application and add MIME Type text\u002Fcss for documents with the extension .css",{"title":37,"searchDepth":38,"depth":38,"links":39},"",2,[],"2015-04-20T08:07:13.1100000-04:00","I deployed my mvc 3 application to IIS 6 (with NTLM authentication)....","md","\u002Farticles\u002Fimages\u002Fmvc.gif",{},true,"\u002Farticles\u002Fiis-6-mvc-css-troubles-styles-not-recognized",{"title":6,"description":41},"articles\u002Fiis-6-mvc-css-troubles-styles-not-recognized",[50],"aspnet","95HhQr_7ApUk2zLKgWpOWgYJyUurRpPpjhvJ3sAnT18",[53],{"id":54,"title":55,"body":56,"description":60,"extension":42,"img":61,"meta":62,"name":50,"navigation":45,"path":63,"seo":64,"stem":65,"__hash__":66},"tags\u002Ftags\u002Faspnet.md","Aspnet",{"type":9,"value":57,"toc":58},[],{"title":37,"searchDepth":38,"depth":38,"links":59},[],"ASP.NET is an open source web framework, created by Microsoft, for building modern web apps and services with .NET.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1598313183973-4effcded8d5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80",{},"\u002Ftags\u002Faspnet",{"description":60},"tags\u002Faspnet","SlUGLdZWQy8mYOWC6OetgJkwVulWNURoVHeuESIDleI",{"id":68,"title":69,"author":7,"body":70,"createdAt":1211,"description":1212,"extension":42,"img":1213,"meta":1214,"navigation":45,"path":1215,"seo":1216,"stem":1217,"tags":1218,"updatedAt":1211,"__hash__":1219},"articles\u002Farticles\u002Fcss-reset-class-standardizes-browsers.md","CSS Reset Class–Standardizes Browsers",{"type":9,"value":71,"toc":1209},[72,75,1199,1202,1205],[12,73,74],{},"You might think that such a tiny piece of HTML would display exactly the same way in all web browsers. Firefox, Internet Explorer, Chrome and Opera all have their default implementations of css. The following reset class can be used in your pages to bring them all down to a common base.",[76,77,81],"pre",{"className":78,"code":79,"language":80,"meta":37,"style":37},"language-css shiki shiki-themes github-light github-dark",".reset a,          .reset abbr,     .reset  acronym,  \n.reset address,    .reset applet,   .reset  big,  \n.reset blockquote, .reset body,     .reset  caption,  \n.reset cite,       .reset code,     .reset  dd,  \n.reset del,        .reset dl,       .reset  dfn,  \n.reset div,        .reset dt,       .reset  em,  \n.reset fieldset,   .reset font,     .reset form,  \n.reset h1,         .reset h2,       .reset  h3,  \n.reset h4,         .reset h5,       .reset  h6,  \n.reset html,       .reset iframe,   .reset  img,  \n.reset ins,        .reset kbd,      .reset  label,  \n.reset legend,     .reset li,       .reset  object,  \n.reset ol,         .reset p,        .reset  pre,  \n.reset span,       .reset q,        .reset s,  \n.reset samp,       .reset small,    .reset  strike,  \n.reset strong,     .reset sub,      .reset  sup,  \n.reset table,      .reset tbody,    .reset  td,  \n.reset tfoot,      .reset th,       .reset  thead,  \n.reset tr,         .reset tt,       .reset  ul,  \n.reset var {  \n   margin         :0;  \n   padding        :0;  \n   border         :0;  \n   outline        :0;  \n   font-family    :inherit;  \n   font-style     :inherit;  \n   font-weight    :inherit;  \n   font-size      :100%;  \n   vertical-align :baseline;  \n}  \n.reset address,     .reset ar,       .reset  caption,  \n.reset cite,        .reset code,     .reset  dfn,  \n.reset em,          .reset strong,   .reset  th,  \n.reset v {  \n   font-style     :normal;  \n   font-weight    :normal;  \n}  \n.reset h1,          .reset h2,       .reset  h3,  \n.reset h4,          .reset h5,       .reset  h6 {  \n   font-weight    :normal;  \n   font-size      :100%;  \n}  \n.reset blockquote:after, .reset  blockquote:before,  \n.reset q:after,          .reset q:before {  \n   content        :'';  \n}  \n.reset caption,     .reset th,       .reset  td {  \n   font-weight    :normal;  \n   text-align     :left;  \n}  \n.reset              .reset fieldset, .reset img {  \n   border         :0;  \n}  \n.reset abbr,        .reset acronym {  \n   border         :0;  \n}  \n.reset ol,          .reset ul {  \n   list-style     :none;  \n}  \n.reset body {  \n   line-height    :1;  \n   background     :#ffffff;  \n   color          :#000000;  \n}  \n.reset  table {  \n   border-collapse:separate;  \n   border-spacing :0;  \n}  \n.reset:focus {  \n   outline        :0;  \n}  \n  \n","css",[82,83,84,117,142,167,192,217,241,265,290,314,338,363,387,411,435,459,483,507,531,555,566,582,595,607,619,633,646,658,676,690,696,716,737,760,768,780,791,796,817,838,849,862,867,889,908,922,927,949,960,973,978,997,1008,1013,1029,1040,1045,1061,1074,1079,1088,1101,1114,1128,1133,1143,1157,1169,1174,1182,1193],"code",{"__ignoreMap":37},[85,86,89,93,97,101,103,106,109,111,114],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"sScJk",".reset",[85,94,96],{"class":95},"s9eBZ"," a",[85,98,100],{"class":99},"sVt8B",",          ",[85,102,92],{"class":91},[85,104,105],{"class":95}," abbr",[85,107,108],{"class":99},",     ",[85,110,92],{"class":91},[85,112,113],{"class":95},"  acronym",[85,115,116],{"class":99},",  \n",[85,118,119,121,124,127,129,132,135,137,140],{"class":87,"line":38},[85,120,92],{"class":91},[85,122,123],{"class":95}," address",[85,125,126],{"class":99},",    ",[85,128,92],{"class":91},[85,130,131],{"class":95}," applet",[85,133,134],{"class":99},",   ",[85,136,92],{"class":91},[85,138,139],{"class":95},"  big",[85,141,116],{"class":99},[85,143,145,147,150,153,155,158,160,162,165],{"class":87,"line":144},3,[85,146,92],{"class":91},[85,148,149],{"class":95}," blockquote",[85,151,152],{"class":99},", ",[85,154,92],{"class":91},[85,156,157],{"class":95}," body",[85,159,108],{"class":99},[85,161,92],{"class":91},[85,163,164],{"class":95},"  caption",[85,166,116],{"class":99},[85,168,170,172,175,178,180,183,185,187,190],{"class":87,"line":169},4,[85,171,92],{"class":91},[85,173,174],{"class":95}," cite",[85,176,177],{"class":99},",       ",[85,179,92],{"class":91},[85,181,182],{"class":95}," code",[85,184,108],{"class":99},[85,186,92],{"class":91},[85,188,189],{"class":95},"  dd",[85,191,116],{"class":99},[85,193,195,197,200,203,205,208,210,212,215],{"class":87,"line":194},5,[85,196,92],{"class":91},[85,198,199],{"class":95}," del",[85,201,202],{"class":99},",        ",[85,204,92],{"class":91},[85,206,207],{"class":95}," dl",[85,209,177],{"class":99},[85,211,92],{"class":91},[85,213,214],{"class":95},"  dfn",[85,216,116],{"class":99},[85,218,220,222,225,227,229,232,234,236,239],{"class":87,"line":219},6,[85,221,92],{"class":91},[85,223,224],{"class":95}," div",[85,226,202],{"class":99},[85,228,92],{"class":91},[85,230,231],{"class":95}," dt",[85,233,177],{"class":99},[85,235,92],{"class":91},[85,237,238],{"class":95},"  em",[85,240,116],{"class":99},[85,242,244,246,249,251,253,256,258,260,263],{"class":87,"line":243},7,[85,245,92],{"class":91},[85,247,248],{"class":95}," fieldset",[85,250,134],{"class":99},[85,252,92],{"class":91},[85,254,255],{"class":95}," font",[85,257,108],{"class":99},[85,259,92],{"class":91},[85,261,262],{"class":95}," form",[85,264,116],{"class":99},[85,266,268,270,273,276,278,281,283,285,288],{"class":87,"line":267},8,[85,269,92],{"class":91},[85,271,272],{"class":95}," h1",[85,274,275],{"class":99},",         ",[85,277,92],{"class":91},[85,279,280],{"class":95}," h2",[85,282,177],{"class":99},[85,284,92],{"class":91},[85,286,287],{"class":95},"  h3",[85,289,116],{"class":99},[85,291,293,295,298,300,302,305,307,309,312],{"class":87,"line":292},9,[85,294,92],{"class":91},[85,296,297],{"class":95}," h4",[85,299,275],{"class":99},[85,301,92],{"class":91},[85,303,304],{"class":95}," h5",[85,306,177],{"class":99},[85,308,92],{"class":91},[85,310,311],{"class":95},"  h6",[85,313,116],{"class":99},[85,315,317,319,322,324,326,329,331,333,336],{"class":87,"line":316},10,[85,318,92],{"class":91},[85,320,321],{"class":95}," html",[85,323,177],{"class":99},[85,325,92],{"class":91},[85,327,328],{"class":95}," iframe",[85,330,134],{"class":99},[85,332,92],{"class":91},[85,334,335],{"class":95},"  img",[85,337,116],{"class":99},[85,339,341,343,346,348,350,353,356,358,361],{"class":87,"line":340},11,[85,342,92],{"class":91},[85,344,345],{"class":95}," ins",[85,347,202],{"class":99},[85,349,92],{"class":91},[85,351,352],{"class":95}," kbd",[85,354,355],{"class":99},",      ",[85,357,92],{"class":91},[85,359,360],{"class":95},"  label",[85,362,116],{"class":99},[85,364,366,368,371,373,375,378,380,382,385],{"class":87,"line":365},12,[85,367,92],{"class":91},[85,369,370],{"class":95}," legend",[85,372,108],{"class":99},[85,374,92],{"class":91},[85,376,377],{"class":95}," li",[85,379,177],{"class":99},[85,381,92],{"class":91},[85,383,384],{"class":95},"  object",[85,386,116],{"class":99},[85,388,390,392,395,397,399,402,404,406,409],{"class":87,"line":389},13,[85,391,92],{"class":91},[85,393,394],{"class":95}," ol",[85,396,275],{"class":99},[85,398,92],{"class":91},[85,400,401],{"class":95}," p",[85,403,202],{"class":99},[85,405,92],{"class":91},[85,407,408],{"class":95},"  pre",[85,410,116],{"class":99},[85,412,414,416,419,421,423,426,428,430,433],{"class":87,"line":413},14,[85,415,92],{"class":91},[85,417,418],{"class":95}," span",[85,420,177],{"class":99},[85,422,92],{"class":91},[85,424,425],{"class":95}," q",[85,427,202],{"class":99},[85,429,92],{"class":91},[85,431,432],{"class":95}," s",[85,434,116],{"class":99},[85,436,438,440,443,445,447,450,452,454,457],{"class":87,"line":437},15,[85,439,92],{"class":91},[85,441,442],{"class":95}," samp",[85,444,177],{"class":99},[85,446,92],{"class":91},[85,448,449],{"class":95}," small",[85,451,126],{"class":99},[85,453,92],{"class":91},[85,455,456],{"class":95},"  strike",[85,458,116],{"class":99},[85,460,462,464,467,469,471,474,476,478,481],{"class":87,"line":461},16,[85,463,92],{"class":91},[85,465,466],{"class":95}," strong",[85,468,108],{"class":99},[85,470,92],{"class":91},[85,472,473],{"class":95}," sub",[85,475,355],{"class":99},[85,477,92],{"class":91},[85,479,480],{"class":95},"  sup",[85,482,116],{"class":99},[85,484,486,488,491,493,495,498,500,502,505],{"class":87,"line":485},17,[85,487,92],{"class":91},[85,489,490],{"class":95}," table",[85,492,355],{"class":99},[85,494,92],{"class":91},[85,496,497],{"class":95}," tbody",[85,499,126],{"class":99},[85,501,92],{"class":91},[85,503,504],{"class":95},"  td",[85,506,116],{"class":99},[85,508,510,512,515,517,519,522,524,526,529],{"class":87,"line":509},18,[85,511,92],{"class":91},[85,513,514],{"class":95}," tfoot",[85,516,355],{"class":99},[85,518,92],{"class":91},[85,520,521],{"class":95}," th",[85,523,177],{"class":99},[85,525,92],{"class":91},[85,527,528],{"class":95},"  thead",[85,530,116],{"class":99},[85,532,534,536,539,541,543,546,548,550,553],{"class":87,"line":533},19,[85,535,92],{"class":91},[85,537,538],{"class":95}," tr",[85,540,275],{"class":99},[85,542,92],{"class":91},[85,544,545],{"class":95}," tt",[85,547,177],{"class":99},[85,549,92],{"class":91},[85,551,552],{"class":95},"  ul",[85,554,116],{"class":99},[85,556,558,560,563],{"class":87,"line":557},20,[85,559,92],{"class":91},[85,561,562],{"class":95}," var",[85,564,565],{"class":99}," {  \n",[85,567,569,573,576,579],{"class":87,"line":568},21,[85,570,572],{"class":571},"sj4cs","   margin",[85,574,575],{"class":99},"         :",[85,577,578],{"class":571},"0",[85,580,581],{"class":99},";  \n",[85,583,585,588,591,593],{"class":87,"line":584},22,[85,586,587],{"class":571},"   padding",[85,589,590],{"class":99},"        :",[85,592,578],{"class":571},[85,594,581],{"class":99},[85,596,598,601,603,605],{"class":87,"line":597},23,[85,599,600],{"class":571},"   border",[85,602,575],{"class":99},[85,604,578],{"class":571},[85,606,581],{"class":99},[85,608,610,613,615,617],{"class":87,"line":609},24,[85,611,612],{"class":571},"   outline",[85,614,590],{"class":99},[85,616,578],{"class":571},[85,618,581],{"class":99},[85,620,622,625,628,631],{"class":87,"line":621},25,[85,623,624],{"class":571},"   font-family",[85,626,627],{"class":99},"    :",[85,629,630],{"class":571},"inherit",[85,632,581],{"class":99},[85,634,636,639,642,644],{"class":87,"line":635},26,[85,637,638],{"class":571},"   font-style",[85,640,641],{"class":99},"     :",[85,643,630],{"class":571},[85,645,581],{"class":99},[85,647,649,652,654,656],{"class":87,"line":648},27,[85,650,651],{"class":571},"   font-weight",[85,653,627],{"class":99},[85,655,630],{"class":571},[85,657,581],{"class":99},[85,659,661,664,667,670,674],{"class":87,"line":660},28,[85,662,663],{"class":571},"   font-size",[85,665,666],{"class":99},"      :",[85,668,669],{"class":571},"100",[85,671,673],{"class":672},"szBVR","%",[85,675,581],{"class":99},[85,677,679,682,685,688],{"class":87,"line":678},29,[85,680,681],{"class":571},"   vertical-align",[85,683,684],{"class":99}," :",[85,686,687],{"class":571},"baseline",[85,689,581],{"class":99},[85,691,693],{"class":87,"line":692},30,[85,694,695],{"class":99},"}  \n",[85,697,699,701,703,705,707,710,712,714],{"class":87,"line":698},31,[85,700,92],{"class":91},[85,702,123],{"class":95},[85,704,108],{"class":99},[85,706,92],{"class":91},[85,708,709],{"class":99}," ar,       ",[85,711,92],{"class":91},[85,713,164],{"class":95},[85,715,116],{"class":99},[85,717,719,721,723,725,727,729,731,733,735],{"class":87,"line":718},32,[85,720,92],{"class":91},[85,722,174],{"class":95},[85,724,202],{"class":99},[85,726,92],{"class":91},[85,728,182],{"class":95},[85,730,108],{"class":99},[85,732,92],{"class":91},[85,734,214],{"class":95},[85,736,116],{"class":99},[85,738,740,742,745,747,749,751,753,755,758],{"class":87,"line":739},33,[85,741,92],{"class":91},[85,743,744],{"class":95}," em",[85,746,100],{"class":99},[85,748,92],{"class":91},[85,750,466],{"class":95},[85,752,134],{"class":99},[85,754,92],{"class":91},[85,756,757],{"class":95},"  th",[85,759,116],{"class":99},[85,761,763,765],{"class":87,"line":762},34,[85,764,92],{"class":91},[85,766,767],{"class":99}," v {  \n",[85,769,771,773,775,778],{"class":87,"line":770},35,[85,772,638],{"class":571},[85,774,641],{"class":99},[85,776,777],{"class":571},"normal",[85,779,581],{"class":99},[85,781,783,785,787,789],{"class":87,"line":782},36,[85,784,651],{"class":571},[85,786,627],{"class":99},[85,788,777],{"class":571},[85,790,581],{"class":99},[85,792,794],{"class":87,"line":793},37,[85,795,695],{"class":99},[85,797,799,801,803,805,807,809,811,813,815],{"class":87,"line":798},38,[85,800,92],{"class":91},[85,802,272],{"class":95},[85,804,100],{"class":99},[85,806,92],{"class":91},[85,808,280],{"class":95},[85,810,177],{"class":99},[85,812,92],{"class":91},[85,814,287],{"class":95},[85,816,116],{"class":99},[85,818,820,822,824,826,828,830,832,834,836],{"class":87,"line":819},39,[85,821,92],{"class":91},[85,823,297],{"class":95},[85,825,100],{"class":99},[85,827,92],{"class":91},[85,829,304],{"class":95},[85,831,177],{"class":99},[85,833,92],{"class":91},[85,835,311],{"class":95},[85,837,565],{"class":99},[85,839,841,843,845,847],{"class":87,"line":840},40,[85,842,651],{"class":571},[85,844,627],{"class":99},[85,846,777],{"class":571},[85,848,581],{"class":99},[85,850,852,854,856,858,860],{"class":87,"line":851},41,[85,853,663],{"class":571},[85,855,666],{"class":99},[85,857,669],{"class":571},[85,859,673],{"class":672},[85,861,581],{"class":99},[85,863,865],{"class":87,"line":864},42,[85,866,695],{"class":99},[85,868,870,872,874,877,879,881,884,887],{"class":87,"line":869},43,[85,871,92],{"class":91},[85,873,149],{"class":95},[85,875,876],{"class":91},":after",[85,878,152],{"class":99},[85,880,92],{"class":91},[85,882,883],{"class":95},"  blockquote",[85,885,886],{"class":91},":before",[85,888,116],{"class":99},[85,890,892,894,896,898,900,902,904,906],{"class":87,"line":891},44,[85,893,92],{"class":91},[85,895,425],{"class":95},[85,897,876],{"class":91},[85,899,100],{"class":99},[85,901,92],{"class":91},[85,903,425],{"class":95},[85,905,886],{"class":91},[85,907,565],{"class":99},[85,909,911,914,916,920],{"class":87,"line":910},45,[85,912,913],{"class":571},"   content",[85,915,590],{"class":99},[85,917,919],{"class":918},"sZZnC","''",[85,921,581],{"class":99},[85,923,925],{"class":87,"line":924},46,[85,926,695],{"class":99},[85,928,930,932,935,937,939,941,943,945,947],{"class":87,"line":929},47,[85,931,92],{"class":91},[85,933,934],{"class":95}," caption",[85,936,108],{"class":99},[85,938,92],{"class":91},[85,940,521],{"class":95},[85,942,177],{"class":99},[85,944,92],{"class":91},[85,946,504],{"class":95},[85,948,565],{"class":99},[85,950,952,954,956,958],{"class":87,"line":951},48,[85,953,651],{"class":571},[85,955,627],{"class":99},[85,957,777],{"class":571},[85,959,581],{"class":99},[85,961,963,966,968,971],{"class":87,"line":962},49,[85,964,965],{"class":571},"   text-align",[85,967,641],{"class":99},[85,969,970],{"class":571},"left",[85,972,581],{"class":99},[85,974,976],{"class":87,"line":975},50,[85,977,695],{"class":99},[85,979,981,983,986,988,990,992,995],{"class":87,"line":980},51,[85,982,92],{"class":91},[85,984,985],{"class":91},"              .reset",[85,987,248],{"class":95},[85,989,152],{"class":99},[85,991,92],{"class":91},[85,993,994],{"class":95}," img",[85,996,565],{"class":99},[85,998,1000,1002,1004,1006],{"class":87,"line":999},52,[85,1001,600],{"class":571},[85,1003,575],{"class":99},[85,1005,578],{"class":571},[85,1007,581],{"class":99},[85,1009,1011],{"class":87,"line":1010},53,[85,1012,695],{"class":99},[85,1014,1016,1018,1020,1022,1024,1027],{"class":87,"line":1015},54,[85,1017,92],{"class":91},[85,1019,105],{"class":95},[85,1021,202],{"class":99},[85,1023,92],{"class":91},[85,1025,1026],{"class":95}," acronym",[85,1028,565],{"class":99},[85,1030,1032,1034,1036,1038],{"class":87,"line":1031},55,[85,1033,600],{"class":571},[85,1035,575],{"class":99},[85,1037,578],{"class":571},[85,1039,581],{"class":99},[85,1041,1043],{"class":87,"line":1042},56,[85,1044,695],{"class":99},[85,1046,1048,1050,1052,1054,1056,1059],{"class":87,"line":1047},57,[85,1049,92],{"class":91},[85,1051,394],{"class":95},[85,1053,100],{"class":99},[85,1055,92],{"class":91},[85,1057,1058],{"class":95}," ul",[85,1060,565],{"class":99},[85,1062,1064,1067,1069,1072],{"class":87,"line":1063},58,[85,1065,1066],{"class":571},"   list-style",[85,1068,641],{"class":99},[85,1070,1071],{"class":571},"none",[85,1073,581],{"class":99},[85,1075,1077],{"class":87,"line":1076},59,[85,1078,695],{"class":99},[85,1080,1082,1084,1086],{"class":87,"line":1081},60,[85,1083,92],{"class":91},[85,1085,157],{"class":95},[85,1087,565],{"class":99},[85,1089,1091,1094,1096,1099],{"class":87,"line":1090},61,[85,1092,1093],{"class":571},"   line-height",[85,1095,627],{"class":99},[85,1097,1098],{"class":571},"1",[85,1100,581],{"class":99},[85,1102,1104,1107,1109,1112],{"class":87,"line":1103},62,[85,1105,1106],{"class":571},"   background",[85,1108,641],{"class":99},[85,1110,1111],{"class":571},"#ffffff",[85,1113,581],{"class":99},[85,1115,1117,1120,1123,1126],{"class":87,"line":1116},63,[85,1118,1119],{"class":571},"   color",[85,1121,1122],{"class":99},"          :",[85,1124,1125],{"class":571},"#000000",[85,1127,581],{"class":99},[85,1129,1131],{"class":87,"line":1130},64,[85,1132,695],{"class":99},[85,1134,1136,1138,1141],{"class":87,"line":1135},65,[85,1137,92],{"class":91},[85,1139,1140],{"class":95},"  table",[85,1142,565],{"class":99},[85,1144,1146,1149,1152,1155],{"class":87,"line":1145},66,[85,1147,1148],{"class":571},"   border-collapse",[85,1150,1151],{"class":99},":",[85,1153,1154],{"class":571},"separate",[85,1156,581],{"class":99},[85,1158,1160,1163,1165,1167],{"class":87,"line":1159},67,[85,1161,1162],{"class":571},"   border-spacing",[85,1164,684],{"class":99},[85,1166,578],{"class":571},[85,1168,581],{"class":99},[85,1170,1172],{"class":87,"line":1171},68,[85,1173,695],{"class":99},[85,1175,1177,1180],{"class":87,"line":1176},69,[85,1178,1179],{"class":91},".reset:focus",[85,1181,565],{"class":99},[85,1183,1185,1187,1189,1191],{"class":87,"line":1184},70,[85,1186,612],{"class":571},[85,1188,590],{"class":99},[85,1190,578],{"class":571},[85,1192,581],{"class":99},[85,1194,1196],{"class":87,"line":1195},71,[85,1197,1198],{"class":99},"}\n",[12,1200,1201],{},"The above css class ‘reset’ can be used to clear all formatting within a block of html or as is often the case can be applied within the html tag i.e. \u003Chtml class=”reset”>\u003C\u002Fhtml>",[12,1203,1204],{},"Once you do this, your whole web page will lose almost all its styling, ready for you to provide the styles you need.",[1206,1207,1208],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":37,"searchDepth":38,"depth":38,"links":1210},[],"2015-04-20T08:07:13.2200000-04:00",null,"\u002Farticles\u002Fimages\u002Fcss-grey.png",{},"\u002Farticles\u002Fcss-reset-class-standardizes-browsers",{"title":69,"description":1212},"articles\u002Fcss-reset-class-standardizes-browsers",[80],"XB5JiJn-0ts0qNIk67Pd97EO0vAtlJdp_Mz3FUD-7eI",{"id":1221,"title":1222,"author":7,"body":1223,"createdAt":1279,"description":1280,"extension":42,"img":1276,"meta":1281,"navigation":45,"path":1282,"seo":1283,"stem":1284,"tags":1285,"updatedAt":1279,"__hash__":1287},"articles\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent.md","Font Sizes–Comparison EM vs PX vs PT vs Percent",{"type":9,"value":1224,"toc":1277},[1225,1232],[12,1226,1227,1228,1231],{},"In CSS, you're given four different units by which you can measure the size of text as it’s displayed in the web browser.  Which of these four units is best suited for the web?",[1229,1230],"br",{},"\nWhat do we have…",[12,1233,1234,1235,1237,1238,1240,1241,1237,1243,1245,1246,1237,1248,1250,1251,1237,1253,1255,1256,1237,1258,1260,1261,1237,1263,1265,1266,1237,1268,1237,1270,1272],{},"“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.",[1229,1236],{},"\n ",[1229,1239],{},"\nPixels (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.",[1229,1242],{},[1229,1244],{},"\nPoints (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1\u002F72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.",[1229,1247],{},[1229,1249],{},"\nPercent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.",[1229,1252],{},[1229,1254],{},"\nTip….it can be easy to set the font size via px’s or pt’s however you are not helping those users that want to scale the size up or down.  For this reason the em and percent users are preferred for web document text",[1229,1257],{},[1229,1259],{},"\nTip…try setting the body { font-size: 62.5%} and then use th em unit to size it from there.  As long as the body is set using the percent unit, you may choose to use either percent or ems on any other css rules and selectors and still retain the benefits of using percent as your base font size.",[1229,1262],{},[1229,1264],{},"\nTip..try not to use px to set font-size as they can become problems on mobile devices where the resolutions are very high density (200 to 300 pixels per inch) making the fonts very small.",[1229,1267],{},[1229,1269],{},[1229,1271],{},[1273,1274],"img",{"style":1275,"src":1276,"alt":37},"display: none;","\u002Farticles\u002Fimages\u002Ffont-size.jpg",{"title":37,"searchDepth":38,"depth":38,"links":1278},[],"2015-04-20T08:07:13.0200000-04:00","Four different units by which you can measure the size of text...",{},"\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",{"title":1222,"description":1280},"articles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",[1286],"html","d3ZQ0y2RkNUGZMlxtnCHgx4B7dBOczGAZJWp7ktXh2U",1781574762644]