Thiết lập trang web với nội dung sau và định dạng trang bằng các mẫu CSS

184

Với giải Vận dụng 2 trang 75 Tin học lớp 12 Kết nối tri thức chi tiết trong Bài 13: Khái niệm, vai trò của CSS giúp học sinh dễ dàng xem và so sánh lời giải từ đó biết cách làm bài tập Tin học 12. Mời các bạn đón xem:

Giải bài tập Tin học 12 Bài 13: Khái niệm, vai trò của CSS

Vận dụng 2 trang 75 Tin học 12: Thiết lập trang web với nội dung sau và định dạng trang bằng các mẫu CSS.

Lịch sử CSS

Ý tưởng của CSS do kỹ sư Hakon Wium Line, người Na Uy thiết lập năm 1994 trong khi làm việc với Tim Berners-Lê tại viện hạt nhân CERN.

Ý tưởng của CSS là tạo ra các mẫu định dạng riêng, độc lập cho các phần tử HTML của trang web. Cách tạo ngôn ngữ định dạng riêng này sẽ giúp ích rất nhiều nếu so sánh với việc định dạng theo từng thẻ HTML 

Lịch sử các phiên bản CSS đầu tiên

Các ý tưởng ban đầu được đưa ra năm 1994 nhưng phiên bản CSS1 chính thức ra đời năm 1996.

Phiên bản tiếp theo CSS2 được khởi động ngay sau đó nhưng mãi đến năm 1998 mới hoàn thiện. Phiên bản chính thức hoàn thiện nhất của CSS2 là CSS2.1 ra đời năm 2011, bản CSS2.1 nâng cấp được hoàn thiện năm 2016.

Các phiên bản CSS tiếp theo

Từ bản CSS3 trở đi CSS được phát triển theo từng gói riêng biệt. Hiện nay các gói của CSS3 vẫn đang được phát triển và hoàn thiện. Đồng thời một số chuẩn CSS4 và CSS 5 vẫn đang được tiếp tục thiết lập mới.

Hiện tại hiệp hội chịu trách nhiệm phát triển các chuẩn của HTML, CSS và các công nghệ có liên quan là tổ chức World Wide Web Consotium (W3C), có địa chỉ tại http://www.w3.org/.

Lời giải:

<!DOCTYPE html>

<html lang="vi">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Lịch sử CSS</title>

    <link rel="stylesheet" href="styles.css">

</head>

<body>

    <div class="container">

        <h1 class="title">Lịch sử CSS</h1>

        <p>Ý tưởng của CSS do kỹ sư Hakon Wium Lie, người Na Uy thiết lập năm 1994 trong khi làm việc với Tim Berners-Lee tại viện hạt nhân CERN.</p>

        <p>Ý tưởng của CSS là tạo ra các mẫu định dạng riêng, độc lập cho các phần tử HTML của trang web. Cách tạo ngôn ngữ định dạng riêng này sẽ giúp ích rất nhiều nếu so sánh với việc định dạng theo từng thẻ HTML.</p>

        <h2 class="subtitle">Lịch sử các phiên bản CSS đầu tiên</h2>

        <p>Các ý tưởng ban đầu được đưa ra năm 1994 nhưng phiên bản CSS1 chính thức ra đời năm 1996.</p>

        <p>Phiên bản tiếp theo, CSS2, được khởi động ngay sau đó nhưng mãi đến năm 1998 mới hoàn thiện. Phiên bản chính thức hoàn thiện nhất của CSS2 là CSS2.1, ra đời năm 2011, bản CSS2.1 nâng cấp được hoàn thiện năm 2016.</p>

        <h2 class="subtitle">Các phiên bản CSS tiếp theo</h2>

        <p>Từ bản CSS3 trở đi, CSS được phát triển theo từng gói riêng biệt. Hiện nay các gói của CSS3 vẫn đang được phát triển và hoàn thiện. Đồng thời một số chuẩn CSS4 và CSS5 vẫn đang được tiếp tục thiết lập mới.</p>

        <p>Hiện tại, hiệp hội chịu trách nhiệm phát triển các chuẩn của HTML, CSS và các công nghệ có liên quan là tổ chức World Wide Web Consortium (W3C), có địa chỉ tại <a href="http://www.w3.org/">www.w3.org</a>.</p>

    </div>

</body>

</html>

CSS:

body {

    

    line-height: 1.6;

    margin: 0;

    padding: 0;

    background-color: #f4f4f4;

    color: #333;

}

 

.container {

    width: 80%;

    margin: auto;

    overflow: hidden;

    padding: 20px;

}

.title, .subtitle {

    color: #333;

}

.title {

    text-align: center;

    margin: 20px 0;

}

.subtitle {

    margin: 10px 0 5px;

}

a {

    color: #007bff;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

p {

    margin: 10px 0;

}

Đánh giá

0

0 đánh giá