Hướng dẫn lang css - lang css

Định nghĩa và sử dụng

"[Thuộc tính|=ngôn ngữ]" được sử dụng để chọn tất cả các thành phần với thuộc tính có giá trị = "ngôn ngữ".

Lưu ý: Giá trị phải là một từ: lang="en", hoặc theo sau dấu gạch nối [-]: lang="en-us".

Cấu trúc

[Thuộc tính|=ngôn ngữ] {
    property: value; 
}

Ví dụ

HTML viết:

Hello!
Hi!
Xin chào !

Hiển thị trình duyệt khi chưa có CSS:

CSS viết:

p [lang|=vi] {
    color: #ff0000; 
}

Chỉ có tag nào có lang="vi" mới có hiệu ứng text color.

Hiển thị trình duyệt khi đã có CSS:

Trình duyệt hỗ trợ

"[Thuộc tính|=ngôn ngữ]" được hỗ trợ trong đa số các trình duyệt.

Ghi chú: Không hỗ trợ cho trình duyệt IE6. Cần khai báo cho các trình duyệt IE8 trở xuống.
Không hỗ trợ cho trình duyệt IE6.
Cần khai báo cho các trình duyệt IE8 trở xuống.

• Trang chủ
• Tham khảo
• CSS
• :lang[mã ngôn ngữ]

Định nghĩa và sử dụng

":lang[mã ngôn ngữ]" chọn thành phần với thuộc tính "lang" có giá trị bắt đầu với "mã ngôn ngữ".

Cấu trúc

tag:lang[mã ngôn ngữ] { 
    property : value;
}

Ví dụ

HTML viết:

Học web chuẩn
Google

  


vnexpress

Hiển thị trình duyệt khi chưa có CSS:

CSS viết:

p a:lang[vi] {
    color: #ff0000;
}

Color màu đỏ cho những tag a nào có lang="vi"

Hiển thị trình duyệt khi đã có CSS:

Trình duyệt hỗ trợ

":lang[mã ngôn ngữ]" được hỗ trợ trong đa số các trình duyệt.

Ghi chú: Không hỗ trợ cho trình duyệt IE6, IE7. Cần khai báo cho trình duyệt IE8.
Không hỗ trợ cho trình duyệt IE6, IE7.
Cần khai báo cho trình duyệt IE8.

Chào các bạn,

Lời đầu tiên mình xin chúc các bạn một năm mới an khang thịnh vượng, vạn sự như ý! Khai bút đầu xuân mình sẽ viết về chủ đề vô cùng quen thuộc với anh em lập trình web. Đó là HTML, CSS. Bài viết sẽ giới thiệu về HTML, CSS là gì, các thẻ cơ bản HTML, CSS. Mục đích của bài viết để tổng hợp kiến thức cơ bản về HTML, CSS

1. HTML là gì?

• HTML là chữ viết tắt của Hypertext Markup Language, là ngôn ngữ được sử dụng rộng rãi nhất để viết các trang Web.
• Hypertext là cách mà các trang Web [các tài liệu HTML] được kết nối với nhau. Và như thế, đường link có trên trang Web được gọi là Hypertext.
• Như tên gọi đã gợi ý, HTML là ngôn ngữ đánh dấu bằng thẻ [Markup Language], nghĩa là sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ [tag] để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị ra màn hình.

Vậy HTML là ngôn ngữ sử dụng các thẻ để xây dựng nên khung sườn của 1 website.

• Cài đặt extension Live Server Để việc thao tác được dễ dàng hơn, nên cài đặt Extension Live Server – giúp bạn tạo ngay một web server bên trong VSCode, hỗ trợ live reload. Rất tiện khi tạo layout HTML và tiết kiệm thời gian khi bạn code.

Link: //marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Học web chuẩn

Google

vnexpress

Thuộc tính postion: absolute Với thuộc tính postion absolute thì sẽ lấy góc của phần tử cha có chứa thuộc tính position gần nhất là mốc.

Học web chuẩn
Google
vnexpress

5. Tổng kết

Qua bài viết này mình đã giới thiệu về định nghĩa html, css, cũng như cách sử dụng 1 số thẻ cơ bản của html, css. Hy vọng được thảo luận và góp ý của anh em.

Tham khảo:

• //www.w3schools.com/html/html_forms.asp
• //dynonguyen.com/tat-tan-tat-don-vi-trong-css/
• //viblo.asia/p/tat-tan-tat-ve-thuoc-tinh-background-trong-css-LzD5dPXW5jY
• //www.w3schools.com/css/css_border.asp
• //www.howkteam.vn/course/lap-trinh-front-end-co-ban-voi-website-landing-page/thuoc-tinh-position-trong-css-2804