tritue.edu.vn


7.3. Cách nhúng css vào web

Cách 1. Viết trong phần head

Bạn hãy dùng thẻ style để viết css. VD:

<head>

      <style>

            h1{color: #ff0000;}

            #menu{color: #ff0000;}

           .left_menu{color: #00ff00;}

      </style>

</head>

Cách 2. Viết trong file css

Hãy tạo file dinhdang.css với nội dung:

             h1{color: #ff0000;}

            #menu{color: #ff0000;}

           .left_menu{color: #00ff00;}

rồi viết trong phần head của trang:

         <link rel="stylesheet" type="text/css" href="dinhdang.css" />

Cách dùng css đã viết:

- Nếu css là tên thẻ html thì không phải gọi gì, các thẻ sẽ có hiệu ứng như trong phần css bạn đã viết

- Nếu css là id. VD #menu thì bạn phải gọi css bằng thuộc tính id của phần tử html. VD: <div id="menu"> .....</div>

- Nếu css là class. VD: .left_menu thì bạn phải gọi css trong thuộc tính class của phần tử html. VD: <div class="left_menu"> .....</div>



VD1: css trong phần head

Copy
         

<html>

<head>

   <style>

       h1{color: #00ff00;}

       #menu{color: yellow;

                   background-color: #ff0000;}

      

       .left_menu{color: #ffffff;

                   background-color: #3399ff;}

   </style>

<body>

        <div id="menu">Menu 1</div>

        <div class="left_menu">Menu 2</div>

</body>

</html>


Viết CSS trong file

Copy
         

 

Hãy tạo file dinhdang.css với nội dung:

             h1{color: #ff0000;}

            #menu{color: #ff0000;}

           .left_menu{color: #00ff00;}

rồi viết trong phần head của trang:

<link rel="stylesheet" type="text/css" href="dinhdang.css" />




Link chia sẻ bài viết
Copy
            https://tritue.edu.vn/tuecode/tracnghiem30/index.php/baiviet/post/view/id/209?id=209         

Bài viết liên quan