<link type="text/css" rel="stylesheet" href="stylesheet.css"/> : chèn địa chỉ css tới html để nó làm theo ý mình
Trong tab .css viết p{ lệnh } hoặc h1{lệnh}... để config trực tiếp sang .html
/* Thêm text vào đây để nói note cho từng đoạn code mình viết ra nó là làm cho đoạn code nào , cho người đọc lại code của mình rễ nhìn ,hiểu hơn */
Có thể thêm 1 cách viết cỡ chữ khác px đó là em . VD : <p style="font-size: 69em">MinhBu</p> để biến MinhBu thành cỡ 69em ( em = px )
Cơ bản để tạo xương cho HTML :
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<head>
<body>
<table>
<thead>
<tbody>
</tbody>
<thead>
</table>
</body>
</html>
Sẽ hiểu đoạn code như sau : <tr>
<td></td>
<td></td>
<td></td>
</td>
sẽ tạo ra 1 hàng tr gồm 3 phần tử bảng td
text-decoration: none; : để làm cho link bạn dẫn không bị gạch chân
<div>
<div>
<p>I like tacos!</p> để chọn dòng p thay đổi màu ta phải làm như sau bên CSS:div div p {
/*CSS stuff!*/
}
*{
border: 2px dashed #3A5FCD;
}
cho toàn bộ cái border bảng sang màu xanh và có 2px
<div class="fancy">MinhBu</div> thay đổi MinhBu theo funcy
<h3 class="standout">MinhBu</h3> : để làm cho dòng MinhBu được nổi bật
khi bên <h2 id="intro">Introduction</h2> thì bên CSS phải khai báo như này #intro{
color:#B83C3A;
}
khi bên <h3 class="standout">text</h3> thì bên CSS khai báo như này #standout{ lệnh }
<body>
<div>
<p>I'm the first child!</p> =>>>>> p:first-child{ font-family: cursive;} : chỉ đến dòng p đầu tiên thành font cursive
<p>We're not.</p> =>>>>> p:nth-child(2){ font-family: Arial;} : chỉ dến dòng p2 thành font Arial
<p>We're not.</p> ( các đòng dưới tương tự )
<p>We're not.</p>
<p>We're not.</p>
<p>We're not.</p>
<p>We're not.</p>
</div>
</body>
border-radius: 100%; để tạo khung hình tròn
#best_friend{
border: 4px solid #00C957; :tạo ô vuông tròn nhưng đứt nét
#best_friend{
border: 4px dashed #00C957; :tạo ô vuông tròn liền nét
0 nhận xét:
Đăng nhận xét