Tài liệu HTML&CSS
Nếu bạn nào mới bắt đầu, vui lòng xem bài HTML List trước khi bắt đầu bài viết này. Mình sẽ không nói về HTML List nữa mã sẽ hướng dẫn cách sử dụng CSS để định dạng các phần tử HTML List.Trong bài viết này mình sẽ hướng dẫn cách sử dụng CSS để:
Quy định kiểu dánh dấu (ký tự, số, chữ số…) các phần tử trong danh sách
Loại bỏ kiểu đánh dấu (không hiển thị) của các phần tử
Sử dụng ảnh nền thay cho các ký tự, số… mặc định của các phần tử
1. Thuộc... more
FORM được sử dụng để chuyển dữ liệu liệu từ người dùng nhập vào đến web server.Form bao gồm các thành phần nhập liệu (input elements) như: Text box, hộp kiểm, nút tùy chọn, Submit…Bài viết này mình sẽ hướng dẫn các bạn một số các thành phần của Form hay được sử dụng nhất. Mình sẽ cố gắng giải thích để mọi người có thể hiểu.Trong tài liệu HTML form được định nghĩa bằng cặp thẻ <form></form>Các thẻ nằm giữa cặp thẻ <form></... more
Thuộc tính Pseudo-class For Links .Một thành phần rất quan trọng trong mọi website chính là liên kết.Cũng như một đối tượng văn bản thông thường, chúng ta hoàn toàn có thể áp dụng các thuộc tính định dạng đã học ở 2 bài trước như định font chữ, gạch chân, màu chữ,… cho một liên kết.
Hơn nữa, CSS còn cung cấp một điều khiển đặc biệt được gọi là pseudo-classes. Pseudo-classes cho phép bạn xác định các hiệu ứng định dạng cho một đối tượng liên... more
Bài viết hướng dẫn về thuộc tính transition css3, thuộc tính này làm cho hiệu ứng Dropdown (xổ xuống) theo kiểu trượt xuống (Scroll) trong bài Css3 DropdownMenu...Và không để các bạn đợi lâu, mình và các bạn cùng tìm hiểu về thuộc tính này nha.
Trước khi tìm hiểu tác dụng của nó, ta đi vào định nghĩa và cấu trúc về nó.
- ĐN: Thuộc tính Transition xác định một hiệu ứng chuyển tiếp khi có một hành động.
- Cấu trúc:
tag{ transition: giá trị; -... more
Hướng dẫn học CSS3 cơ bản
Bài hướng dẫn CSS3 và HTML5 dưới đây sẽ hướng dẫn một số thuộc tính mới: text-shadow, box-shadow, và border-radius. Đây là các thuộc tính sẽ được sử dụng rất nhiều ở CSS3.
RGBA
3 giá trị đầu tiên xác định giá trị màu và giá trị cuối cùng là độ trong suốt
RGBA có thể đưa vào bất kỳ thuộc tính nào như màu chữ, màu viền, màu nền, màu đổ bóng...
RGBA Background
RGBA Border
Text shadow
Text shadow - đổ bóng chữ -... more
I. Mở đầu - HTML là gì, cấu tạo một trang web dưới dạng HTML, màu chữ, màu nền...
Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theo với Windows. Ðó là một ASCII Editor. Viết xong, bạn hãy save nó vào một folder nào đó dễ nhớ. Tên của file này bắt buộc phải có tận cùng là .htm hoặc .html Ví dụ: start.htm. Ðể thưởng thức thành quả của mình, bạn hãy open file đó bằng một Browser.
1. Cấu trúc cơ bản
Một... more
10.1. Thuộc tính chiều rộng – width:Width là một thuộc tính CSS dùng để quy định chiều rộng cho một thành phần web.Ví dụ sau chúng ta sẽ định chiều rộng cho thành phần p của một trang web.
1 p {
2 width:700px;
3 }
10.2. Thuộc tính chiều rộng tối đa – max-width:Max-width là thuộc tính CSS dùng để quy định chiều rộng tối đa cho một thành phần web.10.3. Thuộc tính chiều rộng tối thiểu – min-width:Min-width là thuộc tính CSS dùng để quy định... more
5.1. Màu chữ (thuộc tính color):Để định màu chữ cho một thành phần nào đó trên trang web chúng ta sử dụng thuộc tính color. Giá trị của thuộc tính này là các giá trị màu CSS hỗ trợ.Ví dụ sau chúng ta sẽ viết CSS để định màu chữ chung cho một trang web là đen, cho tiêu đề h1 màu xanh da trời, cho tiêu đề h2 màu xanh lá chúng ta sẽ làm như
1 body {
2 color:#000
3 }
4 h1 {
5 color:#0000FF
6 }
7 h2 {
8 color:#00FF00
9 }
5.2. Thuộc tính text-... more
Trong các bài học trước, chúng ta đã được học các thuộc tính CSS về background, color, font,… Tuy nhiên, bạn cũng nhận ra là khi áp dụng một thuộc tính CSS cho một thành phần nào đó ví dụ như h1, h2, p, a, img,… thì toàn bộ các thành phần này trong trang web đều nhận thuộc tính này. Vậy có các nào để nhóm lại một số thành phần nào đó để áp dụng một thuộc tính đặc biệt. Ví dụ như bạn muốn các liên kết trên menu trang web sẽ được in hoa, và có... more
4.1. Thuộc tính font-family:Thuộc tính font-family có công dụng định nghĩa một danh sách ưu tiên các font sẽ được dùng để hiển thị một thành phần trang web. Theo đó, thì font đầu tiên được liệt kê trong danh sách sẽ được dùng để hiển thị trang web. Nếu như trên máy tính truy cập chưa cài đặt font này thì font thứ hai trong danh sách sẽ được ưu tiên…cho đến khi có một font phù hợp.Có hai loại tên font được dùng để chỉ định trong font-family:... more
Một thành phần rất quan trọng trong mọi website chính là liên kết. Cũng như một đối tượng văn bản thông thường, chúng ta hoàn toàn có thể áp dụng các thuộc tính định dạng đã học ở 2 bài trước như định font chữ, gạch chân, màu chữ,… cho một liên kết.
Hơn nữa, CSS còn cung cấp một điều khiển đặc biệt được gọi là pseudo-classes. Pseudo-classes cho phép bạn xác định các hiệu ứng định dạng cho một đối tượng liên kết ở một trạng thái xác định như khi... more
Thuộc tính
Ví dụ
Mô tả
background
background: #ff0000;
Định dạng nền (background) cho thành phần.
border
border: 1px solid #ff0000;
Định dạng đường viền cho thành phần.
border-collapse
border-collapse: collapse;
Thuộc tính border-collapse xác định đường viền của table có tách biệt ra hay không.
border-spacing
border-spacing: 10px;
Xác định khoảng cách giữa các đường viền của các cột lân cận.
bottom
bottom: 10px;
Xác định vị trí dưới cùng của... more
Định nghĩa và sử dụng
Thuộc tính font thiết lập font cho thành phần, bao gồm font chữ, độ rộng, ...
Cấu trúc
tag {
font: giá trị;
}
Với giá trị như sau:
Thuộc tính
giá trị
Ví dụ
Mô tả
font-family
giá trị font
font-family: Arial, Helvetica, sans-serif;
Xác định giá trị font family cho chữ.
font-size
Kích cỡ
font-size: 120%;
Xác định kích cỡ của chữ, đơn vị có thể là px, em, %, ...
font-size-adjust
Chỉ Firefox hỗ trợ thuộc tính này, nên ít... more
Tag mới trong HTML5
Tag
Mô tả
Trạng thái
<article>
Định nghĩa một bài viết, một nội dung riêng biệt.
<aside>
Định nghĩa nội dung bên ngoài nội dung chính (thường là phần sidebar).
<audio>
Định nghĩa âm thanh, như nhạc hay trường audio khác..
<canvas>
Được dùng để hiển thị đồ họa.
<command>
Định nghĩa một nút lệnh, giống như một Radiobutton, hộp kiểm, hoặc một button.
<datalist>
Định nghĩa một danh sách... more
Định nghĩa và sử dụng
HTML symbols là những đoạn mã thay thế cho các ký tự, chèn vào văn bản HTML.
Mã ký tự chữ
Mã ký tự số
Mã ký tự
Ký tự
"
"
&
&
<
<
>
>
€
€
Á
Á
á
á
Â
Â
â
â
´
´
Æ
Æ
æ
æ
À
À
à
à
Å
Å
å
å
Ã
Ã
ã
ã
Ä
Ä
ä
ä
¦... more
Định nghĩa và sử dụng
Thuộc tính class thường được sử dụng cho những nội dung có cùng định dạng, việc sử dụng một class thuận tiện để chỉnh sửa giống nhau của các thành phần.
Thuộc tính class được dùng chủ yếu để định dạng nội dung thông qua css, hoặc được dùng để điều khiển thành phần trong HTML thông qua script.
Thuộc tính class được sử dụng đa số các tag, ngoài trừ: <base>, <head>, <html>, <meta>, <param>, <... more
Màu trong HTML & CSS được xác định theo các cách sau:
Xác định màu theo hệ thập lục phân - HEX
Xác định màu theo kết hợp màu RGB
Xác định màu theo tên tiếng anh
Xác định màu theo hệ thập lục phân - HEX
HEX là viết tắc của từ "hexadecimal".
Cách viết: gồm dấu "#" kết hợp với dãy ký tự Latin, chỉ bao gồm số hoặc chữ (hệ thập lục phân), không phân biệt chữ hoa hay chữ thường.
Các ký tự Latin có thể chấp nhận là: a,b,c,d,e,f,A,B,C,D,E,F.... more
Trước khi học cách kết nối file CSS vào HTML như thế nào, chúng ta hãy xét cấu trúc thư mục chứa các file như sau:
Html
Click vào dấu [+] để xem cấu trúc.
Nội fung file index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Học thiết kế website... more
Giới thiệu và hướng dẫn cách sử dụng Bootstrap
Có bao giờ bạn phải viết HTML CSS rùi ngồi suy nghĩ “Tại sao mình phải viết đi viết lại nhưng class giống nhau như thế này ?” hay “Mình sẽ làm 1 css framework để về sau sử dụng lại haha “.Rồi chợt nhận ra là mọi chuyện không đơn giản như vậy class bạn viết ra ở web này rùi lại hì hục sửa ở web khác , nhiều lúc ngồi sửa còn lâu hơn là viết mới.
Hôm nay mình sẽ giới thiệu cho các bạn cách để giải... more
Một file có định dạng HTML là gì?
- HTML là chữ viết tắt của Hyper Text Markup Language (Ngôn ngữ hiển thị siêu văn bản).
- Một file HTML là một file text bao gồm những tag nhỏ
- Những tag hiển thị nói cho trình duyệt biết nó phải hiển thị trang đó như thế nào
- Một file HTML phải có phần mở rộng là .htm hoặc .html
- Một file HTML có thể được tạo bởi một trình soạn thảo đơn giản.
Bạn có muốn thử không?
Nếu bạn sử dụng Window hãy mở Notepad, nếu... more