Tìm hiểu HTML và CSS?

HTML và CSS?

– CSS (Cascading Style Sheets): là một phương pháp dùng để mô tả lại cách thức hiển thị của các thành phần trên trang WEB nhằm:

+ Xây dựng một dạng TEMPLATE trong quá trình thiết kế

+ Tái sử dụng cho các trang web khác

+ Thay đổi thuộc tính từng trang hoặc cả site nhanh chóng (“cascading”)

Ví dụ HTML và CSS:

– Thiết kế một trang hiển thị Thời khóa biểu các môn học như hình sau:

Ví dụ HTML và CSS:

– Thiết kế một trang hiển thị các layout như hình sau:

Ví dụ HTML và CSS:

– Thiết kế một trang hiển thị các layout như hình sau:

HTML (table) và CSS (div):

HTML

CSS

Dùng table HTML


<div id="divTable1">
<div id="divTable2">Cot 1</div>
<div id="divTable2">Cot 2</div>
</div>
<div id="divTable1">Cot 3</div>

</div>


<style type="text/css">
div { float:left}
#divTable1{
width:300px;height:25px;
border: 2px solid red;}
#divTable2{
width:100px;
border: 2px solid blue; }
</style>

div { float:left}

#divTable1{

width:300px;height:25px;

border: 2px solid red;}

#divTable2{

width:100px;

border: 2px solid blue; }

</style>

Cú pháp định nghĩa CSS cho một Selector

SelectorName

property 1: value1;

property 2: value2;

…

property N: valueN;

Trong đó:

– SelectorName: là tên các tag đã được định nghĩa trước trong HTML (tag <p>, tag <table>,..) hoặc tên do người dùng định nghĩa mới.

+ Property: tên các thuộc tính do CSS hỗ trợ

+ Value: giá trị ứng với các thuộc tính

+ Lưu ý: ghi chú trong CSS dùng /* … */


<style type="text/css">
p {
background-color:#CF9;
text-indent:20px;
text-align:justify;
}
</style>
<body>
<p> Cascading Style Sheets is a fairly old technology as far as the Web is concerned. The first ideas about CSS were presented as early as 1994, and three major versions of the
technology have been developed since then. Table 5-1 summarizes the version history of CSS </p>

p {

background-color:#CF9;

text-indent:20px;

text-align:justify;

}

</style>

<body>

<p> Cascading Style Sheets is a fairly old technology as far as the Web is concerned. The first ideas about CSS were presented as early as 1994, and three major versions of the