Wie registriere ich eine css-Seite aus einer ascx-Steuerelement?

Wie registriere ich eine css-code-block in eine ascx-Steuerelement?

Kann ich nur 

<head id="head" runat="server">
    <style type="text/css">
        .customClass
        {
        background-color: Lime;
        }

        </style>
</head>

Überall in der ascx-Seite? Ich scheint nicht zu funktionieren?

  • CSS-Regeln in Ihrem head tag wie die Sie zeigen, wird in der Tat Arbeit, aber ich bin mir nicht sicher, was du meinst mit "irgendwo in der ascx-Seite." HTML-Seiten haben nur einen einzigen head tag, so dass, wenn Sie einfügen, dass snippet in Ihrem user-control markup ist nicht mehr gültig
InformationsquelleAutor Matt | 2010-09-24
  1. 5

    Haben Sie drei Optionen zum einfügen von CSS in eine Seite:

    • Externen Stylesheet
    • Internen Stylesheet
    • Inline-style -

    Den style - element eingeschlossen werden müssen, innerhalb der head element. Wenn Sie versuchen, style-Elemente, die in einem user-Steuerelement, das Sie verwenden können, eine dieser drei Optionen. Als Hinweis (meist meiner Meinung nach) inline-styling ist zu 99,9% der Zeit die falsche Entscheidung.

    Einer option ist, um ein ContentPlaceHolder in Ihre Website.Meister in den head-Abschnitt. Dann wird die Verwendung dieser ContentPlaceHolder auf Seiten, auf denen Sie Ihre Benutzer Steuern, werden Sie in der Lage, eine link - element die Angabe eines Stylesheet für das Steuerelement.

    Weitere option ist es, einfach den styling-Regeln für das Steuerelement in der style-sheet verwendet für Ihre gesamte Website.

    InformationsquelleAutor ahsteele
  2. 8

    Stile definiert werden muss, in der head Bereich Ihres HTML-Codes. Das gilt für beide style tags und link tags, registrieren Sie externe CSS-Dateien.

    Wenn Ihre Seite hat eine head tag mit der runat="server" - Attribut verwenden, können Sie programmgesteuert Zugriff über die Eigenschaft this.Page.Header.

    Die Methode, die ich normalerweise benutze, wenn ich etwas dazutun zwischen die öffnung <head> und schließen </head> - tag ist eine Methode, wie diese. Pass einfach in der url in der stylesheet.

    public void AddStylesheet(string url)
{
    string link = String.Format("<link rel=\"stylesheet\" type=\"text/css\" href=\"{0}\" />", url);
    this.Page.Header.Controls.Add(new LiteralControl { Text = link });
}
    InformationsquelleAutor wsanville
  3. 0
      <style type="text/css">
       @import url(user_stylesheet.css)
       .customClass
        {
            background-color: Lime;
        }

    </style>

    In diesem Fall die css wird nur dann dargestellt werden, wenn die usercontrol-gerendert.

    InformationsquelleAutor Abdul Saboor
Schreibe einen Kommentar