Css với ASPX | Học lập trình cùng iif

Hướng dẫn css với ASPX

Trong ASP.NET Web Forms (ASPX), CSS được áp dụng giống như HTML, chỉ khác là bạn thường dùng Web Controls và Master Page.

Có 3 cách chính:

1. Dùng CSS trong thẻ <style> ngay trong ASPX

<head runat="server">

    <style>

        .btnSave {

            background-color: #4CAF50;

            padding: 10px 20px;

            color: white;

            border: none;

            border-radius: 6px;

        }

    </style>

</head>



<body>

    <asp:Button ID="btnSave" CssClass="btnSave" runat="server" Text="Lưu" />

</body>

👉 Dễ làm nhanh nhưng khó bảo trì khi dự án lớn.

2. Liên kết file CSS bên ngoài (.css)

📌 Cách tốt nhất nên dùng

.title {

    font-size: 24px;

    color: blue;

}

📌 Gắn vào trang ASPX hoặc Master Page

<head runat="server">

    <link href="Content/Site.css" rel="stylesheet" />

</head>

<body>

    <h1 class="title">Xin chào</h1>

</body>

3. CSS trong Master Page

🎯 Áp dụng cho toàn bộ website

Site.Master

🔹 Gắn CSS cho WebControl trong ASP.NET

<asp:TextBox ID="txtName" runat="server" CssClass="inputbox"></asp:TextBox>

🔹 Render chính xác ID CSS

ASP.NET thường tự sinh ID như:
ctl00_MainContent_txtName

Nếu muốn giữ nguyên ID cho CSS/JS:

<asp:TextBox ID="txtName" runat="server" ClientIDMode="Static"></asp:TextBox>

Hướng dẫn css với ASPX