Lớp trong HTML

  • Nguyễn Lê Điệp
  • 29-12-2016
  • 322
  • 0
  • 1
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.

    Lớp trong HTML

    Với các thuộc tính lớp bạn có thể dùng CSS để định nghĩa về phong cách hiển thị của một trang với một cấp bậc bằng nhau trong HTML. Ở đây ví dụ bên dưới chúng ta có tất cả bốn thẻ <div> sử dụng cùng chung một lớp.

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    	div.demodiv {
    	    background-color: pink;
    	    color: blue;
    	    margin: 25px;
    	    padding: 25px;
    	} 
    </style>
    </head>
    <body>
    <div class="demodiv">
    	<h3>HTML</h3>
    	<p>Những bài học căn bản nhất cho người mới</p>
    </div>
    <div class="demodiv">
    	<h3>CSS</h3>
    	<p>Những bài học thiết yếu cho định nghĩa giao diện web</p>
    </div>
    <div class="demodiv">
    	<h3>PHP</h3>
    	<p>Không thể thiếu nếu bạn muốn web bạn là một website động</p>
    </div>
    <div class="demodiv">
    	<h3>MySQL</h3>
    	<p>Cái cốt lõi của một trang web động</p>
    </div>
    </body>
    </html>

    Xem ví dụ

    Lớp nội tuyến trong HTML

    Bạn có thể sử dụng với các lớp dành cho nội tuyến trong HTML

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    	div.demodiv {
    	    background-color: blue;
    	    color: white;
    	    margin: 25px;
    	    padding: 25px;
    	}
    	span.demospan {
    		color: yellow;
    		font-weight: bold;
    	} 
    </style>
    </head>
    <body>
    <div class="demodiv">
    	<h3>Kennis.vn</h3>
    	<p>Trang web cung cấp các bài học, các bài hướng dẫn về các ngôn ngữ lập trình như: HTML, CSS, MySQL, C, C++, C#,... và các thủ thuật về công nghệ. <span class="demospan">Kennis.vn</span> chia sẻ kiến thức!</p>
    </div>
    </body>
    </html>
    Xem ví dụ
    Chúc các bạn học tốt!laugh
    Từ khóa:

    Lớp trong HTML

    Lớp trong HTML

    Lớp trong HTML

    Lớp trong HTML
    Lớp trong HTML
    1 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    420
    - Hôm qua:
    643
    - Tuần này:
    4.684
    - Tuần trước:
    4.927
    - Tháng này:
    13.793
    - Tháng trước:
    42.741
    - Năm này:
    196.587
    - Năm trước:
    17.373
    - Tổng cộng:
    213.960