Áp dụng cho các phần tử F nếu F là con/cháu của E trong cây HTML (xem lại sơ đồ cây mô tả các phần tử html trong 1 trang web)
VD: div p{color: blue;} => áp dụng chữ màu xanh cho các phần tử p (p là con của div)
Áp dụng cho F, nếu F là con của E.
VD: p > em{color: red;} => áp dụng chữ màu đỏ cho phần tử em (con của p)
Áp dụng cho F nếu F liền ngay sau E và F có cùng cha với E.
VD: em + strong{color: red;} => áp dụng chữ màu đỏ cho strong nếu strong đứng liền ngay sau em
Áp dụng cho F đứng sau E, nhưng F không cần liên tục với E; E và F có dùng cha.
VD: em ~ strong{color: red;}
Xem tiếp...Các thuộc tính cơ bản:
- font-family:danh sách các font chữ dùng cho css
- font-style: kiểu chữ
- font-weight: độ dày nét chữ
- font-size: cỡ chữ
VD:
.phongchu{
font-family: 'Courier New', Courier, monospace;
font-style: italic;
font-weight: normal;
font-size: 40pt;
}
-thuộc tính cơ bản: color
-màu của chữ thường được định nghĩa theo hệ màu rgb dạng: #rrggbb; trong đó r, g, b có giá trị từ 0 đến f
VD;
.mauchu{
color: #009999;
}
Thuộc tính cơ bản:
- line-height: độ cao của dòng
- text-indent: thụt lề cho chữ đầu tiên của đoạn
VD:
.dongvanban{
line-height: 30px;
text-indent: 100px;
}
Bạn hãy dùng thẻ style để viết css. VD:
h1{color: #ff0000;}
#menu{color: #ff0000;}
.left_menu{color: #00ff00;}
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:
- Nếu css là tên thẻ html thì không phải gọi gì, c&aacu
Xem tiếp...Form được dùng để thu thập dữ liệu từ người dùng, dữ liệu này sẽ được gửi đến server để xử lý. VD:
Cú pháp:
Trong đó:
- url: đường dẫn đến ảnh. Các dạng ảnh hỗ trợ: png, jpg, gif, svg, webp
- alt: chữ hiện thay thế khi không tải được ảnh
- style: chỉ ra các thuộc tính của ảnh (chiều rộng, chiều cao, ...). Nếu chỉ dùng một trong hai thuộc tính (width hoặc height), chiều còn lại sẽ được tự động tính toán để hiển thị theo tỉ lệ của ảnh gốc.
- Cú pháp:
- Trong đó:
+ src: đường dẫn đến tệp tin. Các định dạng audio được hỗ trợ: mp3, wav, ogg
+ controls: hiển thị thành phần điều khiển
+ autoplay: tự động phát ngay khi hiển thị
+ muted: tắt âm thanh
- VD:
Khi cần hiệu chỉnh đường viền của bảng, bạn nên dùng style
Bạn phải nhớ:
- Notepad, Notepad++ là chương trình soạn thảo văn bản, dùng để soạn thảo mã nguồn html.
- Google Chrome, Internet Explorer, Safari, Opera, ... là trình duyệt Internet; dùng để xem trang web