Cú pháp của CSS: phân tách rõ ràng bộ chọn, khai báo, thuộc tính, giá trị

Giống như bất kỳ ngôn ngữ nào, CSS cũng có cú pháp riêng của nó. Cú pháp của CSS không phức tạp, nó rõ ràng và khoa học. Kiến thức trong bài này tuy cơ bản nhưng quan trọng, giúp chúng ta rất nhiều nếu muốn học sâu hơn. Đây là một mẫu code CSS chuẩn: p chính là thẻ p – là thẻ được chọn để tác động bằng CSS còn được gọi là selector. Ngoài cách dùng tên thẻ trong HTML, bạn cũng có thể dùng id hoặc class của thẻ đó để tác động. Một cách tổng quát, người …

Đọc thêm

Danh mục CSS

Thẻ style trong HTML – kẻ thuê trang điểm tại gia!

Cũng giống như đa số các thẻ HTML khác, thẻ <style> bắt đầu với thẻ mở và kết thúc bằng thẻ đóng, tuy nhiên, vị trí đặt thẻ style thì có đôi chút đặt biệt, thẻ này phải được lồng bên trong thẻ <head> (giờ đây quy định này đã lỏng hơn rồi). Code mẫu: Kết quả của đoạn code trên: Tiêu đề bài viết Nội dung bài viết Đặc điểm của thẻ style: Được hỗ trợ bởi tất cả các trình duyệt. Thẻ mở có thêm đoạn code: type=”text/css” để xác định nó được dùng vào việc định kiểu CSS (trang …

Đọc thêm

Danh mục CSS

Các thẻ HTML – ngô khoai không lẫn lộn

Tài liệu HTML được định nghĩa bởi các thẻ HTML. Các thẻ HTML bao giờ cũng bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng, chỉ có một vài thẻ hiếm mới không có thẻ đóng rõ ràng. Ví dụ minh họa dưới đây sẽ làm bạn hiểu rõ hơn: Thẻ mở Nội dung Thẻ đóng <a href=”freehost.page”> Link trang chủ </a> <h1> Văn bản tiêu đề </h1> <br>  Thẻ xuống dòng  Không cần thẻ đóng Các đặc điểm của thẻ HTML: Mục đích của các thẻ HTML là để làm trang web có cấu trúc rõ ràng… …

Đọc thêm

Chống hotlink bằng .htaccess – giúp tránh bị câu mất băng thông

Đi hotlink tức là lồng nội dung của người khác vào trang web của mình, nếu một trang web nào đó hotlink từ trang của bạn thì họ sẽ đỡ tốn băng thông, còn bạn thì ngược lại – bị mất oan. Thực ra nếu host của bạn đủ mạnh thì cho họ hotlink cũng không sao – bạn thấy các trang lớn như vnexpress, dantri, vietnamnet đều cho hotlink hình ảnh thoải mái và điều ấy có khi còn tốt ở mức độ nào đó về mặt quảng bá… nhưng vấn đề là đa số người đang đọc bài …

Đọc thêm

Thẻ span trong HTML – nhiều thú vị bất ngờ

Thẻ span là thẻ khá đặc biệt trong HTML, theo mặc định đoạn văn bản trong cặp thẻ span không bị thay đổi bất cứ điều gì – do vậy nó còn được gọi là thẻ trung tính. Sự thay đổi chỉ xảy đến khi bạn tác động đến thẻ span thông qua CSS. Ngoài ra thẻ này nằm trong nhóm inline. Điểm mạnh của thẻ span chính ở tính chất trung tính của của nó. Giờ chúng ta tiến hành một số thí nghiệm sau, đầu tiên bạn hãy làm cho từng chữ bên dưới có màu với tên …

Đọc thêm

Thẻ doctype và HTML: cặp đôi hoàn cảnh!

Thẻ <!DOCTYPE> không phải là một thẻ HTML, nhưng nếu buộc phải chọn 3 thẻ quan trọng nhất trong một trang HTML thì với tôi <!DOCTYPE> luôn chiếm một vị trí chắc chắn. Đặc điểm của thẻ <!DOCTYPE>: Được dùng để thông báo cho trình duyệt biết phiên bản ngôn ngữ HTML nào đang được sử dụng, nhờ đó trình duyệt biên dịch mã được chính xác; Rất quan trọng nhưng lại ít khi được để ý, đặc biệt là với người mới viết HTML; Luôn đứng ở vị trí đầu tiên trong trang HTML – trước cả thẻ mở …

Đọc thêm

Thẻ xuống dòng br trong HTML – mã đơn giản ngăn cách đôi bờ

Để xuống dòng trong HTML ta dùng thẻ <br> – viết tắt của từ break. Đây là đoạn code mẫu: Và đây là kết quả của đoạn mã trên: Thân em như quả mít trên câyDa nó xù xì, múi nó dầy Quân tử có thương thì đóng cọc, Xin đừng mân mó, nhựa ra taỵ Thẻ <br> thì dùng trong HTML, còn thẻ <br /> dùng trong XHTML. Nên bạn cần biết đúng loại ngôn ngữ đang sử dụng, xem thẻ !DOCTYPE ngay đầu trang là bạn sẽ thấy. Có thể hạn chế việc sử dụng thẻ xuống dòng nhiều …

Đọc thêm