Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

ASP.NET MVC Core, någon som orkar kika på en sak? (CSS)

1
Skriv svar
Permalänk
Medlem
●

ASP.NET MVC Core, någon som orkar kika på en sak? (CSS)

Tjena! Sitter med ett MVC projekt, har bara en kort fråga egentligen, jag försöker ändra typsnitt osv på sidan, varför fungerar det inte när jag ändrar i site.css men i _Layout.cshmtl filen?

Detta fungerar utmärkt när jag lägger det i Layout filen:

    <style>
        body{
            font-family: 'Inter', sans-serif;
            font-size: 18px;
            font-weight: 400;
            font-style: normal;
        }
    </style>

Men inte över huvudtaget när det sätts i site.css, någon vänlig själ som orkar förklara för mig hur cssen fungerar i ett MVC projekt?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Några tankar.

Laddas site.css alls?
Det borde du se i webbläsarens debugger.

Har du tagit bort style-taggarna när du lägger det i site.css?

Senast redigerat Stavning
Visa signatur

Intel Core i7 6700K | Gigabyte Z170X-UD3 | Corsair Vengeance LPX 16GB DDR4 2400Mhz | EVGA GTX 980Ti Hybrid | Samsung 950 PRO 256GB | Noctua NH-D15 | EVGA G2 750 | Fractal Design Define R5

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Zajin:

Några tankar.

Laddas site.css alls?
Det borde du se i webbläsarens debugger.

Har du tagit bort style-taggarna när du lägger det i site.css?

Gå till inlägget

Vet inte exakt hur jag ser det i debuggern om jag ska vara ärlig(vet, sånt ska man kunna ). Men absolut, har testat att ta bort style taggarna när jag har det i site.css, enda som har fungerat dock är när dom ligger i style taggarna.
Vet inte om detta kan påverka något såhär ser mina importer ut:

    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&displ..." rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-bet..." />
Redigera
Citera flera Citera
Permalänk
Medlem
●

Ett tips när man sitter med css och liknande är att använda F12 i browsern. Där får du mycket mer information. Under Sources kan du hitta dina filer som laddats
https://i.imgur.com/uyoJDCk.png

Du kan även se filerna som laddas under Network - där kan du även se hur lång tid det tar att ladda filerna men det är väl en överkurs just nu. Det jag misstänker är att site.css inte laddats rätt. Om du nu laddar rätt filer så har du antagligen ett annat "body" fält som kör över detta. p.s sitter sällan med front-end.

#1) Kolla om site.css laddas

#1b) Om nej, kolla dubbelt så att din länk till css verkligen pekar rätt. Visual studio 2019 låter dig dra css filen till razorvyn.

#2) Om ja, ändra värdet på något du redan har där. typ "background-color:green" på ett fält för att se om det slår igenom

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Kolla så inte CSSn cachas av browsern, isf får du cleara den. Beroende på version av MVC vill jag minnas att det fanns en tag asp-append-version som bustar cachen åt dig vid varje ändring.

Sen har ordningen av inläsning betydelse också, om du har CSS i de andra filerna som skriver över din css från site.css. Testa att lägga den sist i listan.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av zaibuf:

Kolla så inte CSSn cachas av browsern, isf får du cleara den. Beroende på version av MVC vill jag minnas att det fanns en tag asp-append-version som bustar cachen åt dig vid varje ändring.

Sen har ordningen av inläsning betydelse också, om du har CSS i de andra filerna som skriver över din css från site.css. Testa att lägga den sist i listan.

Gå till inlägget

Åh, äntligen. Tack, la om länkarna som du sa i annan ordning plus att jag clearade hela cachen. Och vips, nu fungerar det att ändra i site.css!

Sedan undrar jag, känns kanske ganska självklart, men jag gillar att arbeta i VS code, för skapande av diverse hemsidor, är mvc ett mycket bättre alternativ än exempelvis vs code? Har ganska dålig koll överlag, är inne på mina sista månader med studierna.
Exempelvis, om man ska arbeta mot en databas, är VS det självklara valet? Eller finns det även bra lösningar i VS code också?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av PapaDiouf:

Åh, äntligen. Tack, la om länkarna som du sa i annan ordning plus att jag clearade hela cachen. Och vips, nu fungerar det att ändra i site.css!

Sedan undrar jag, känns kanske ganska självklart, men jag gillar att arbeta i VS code, för skapande av diverse hemsidor, är mvc ett mycket bättre alternativ än exempelvis vs code? Har ganska dålig koll överlag, är inne på mina sista månader med studierna.
Exempelvis, om man ska arbeta mot en databas, är VS det självklara valet? Eller finns det även bra lösningar i VS code också?

Gå till inlägget

Jag föredrar att arbeta med VS då jag arbetar med backend. Tycker att debuggern och intellisens är bättre i VS.
VSCode använder jag för frontend om jag sitter med JavaScript eller CSS.

Redigera
Citera flera Citera
1
Skriv svar