Hướng dẫn what is tag name in css? - tên thẻ trong css là gì?

CSS có thể chọn các phần tử HTML bằng cách sử dụng tên thẻ phần tử. Tên thẻ là từ (hoặc ký tự) giữa các khung góc HTML.

Ví dụ, trong HTML, thẻ cho phần tử đoạn văn là

. Cú pháp CSS để chọn các phần tử

là:

p {

}
Trong ví dụ trên, tất cả các phần tử đoạn sẽ được chọn bằng bộ chọn CSS. Bộ chọn trong ví dụ trên là p. Lưu ý rằng bộ chọn CSS khớp với thẻ HTML cho phần tử đó, nhưng không có dấu ngoặc góc.
Ngoài ra, hai niềng răng xoăn theo ngay sau khi bộ chọn (lần lượt mở và đóng niềng răng). Bất kỳ thuộc tính CSS nào cũng sẽ đi vào bên trong niềng răng xoăn để tạo kiểu cho các yếu tố đã chọn.
 
Nếu bạn đang xem tin nhắn này, điều đó có nghĩa là chúng tôi đang gặp khó khăn trong việc tải tài nguyên bên ngoài trên trang web của chúng tôi.
 Nếu bạn đứng sau một bộ lọc web, vui lòng đảm bảo rằng các tên miền *.kastatic.org và *.kasandbox.org không bị chặn.*.kastatic.org and *.kasandbox.org are unblocked. 
 
Bộ chọn CSS chọn (các) phần tử HTML bạn muốn tạo kiểu.
Bộ chọn CSS
Bộ chọn CSS được sử dụng để "tìm" (hoặc chọn) các phần tử HTML bạn muốn tạo kiểu.
Chúng ta có thể chia các bộ chọn CSS thành năm loại:
Bộ chọn đơn giản (chọn các phần tử dựa trên tên, ID, lớp)
Bộ chọn tổ hợp (chọn các phần tử dựa trên mối quan hệ cụ thể giữa chúng)
Các bộ chọn lớp giả (chọn các phần tử dựa trên một trạng thái nhất định)
Trình chọn Pseudo-Elements (chọn và tạo kiểu một phần của một phần tử)
Bộ chọn thuộc tính (chọn các phần tử dựa trên giá trị thuộc tính hoặc thuộc tính)
Trang này sẽ giải thích các bộ chọn CSS cơ bản nhất.
Bộ chọn phần tử CSS
Bộ chọn phần tử chọn các phần tử HTML dựa trên tên phần tử.
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;



 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
   text-align: center;
   color: red;
 } 
Hãy tự mình thử »
Bộ chọn ID CSS
Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất!
Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử.
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
   text-align:
center;
   color: red;
 } 
Hãy tự mình thử »
Bộ chọn ID CSS An id name cannot start with a number!
Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất!
Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử.
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
  text-align: center;
  color: red;
} 



Hãy tự mình thử »
Bộ chọn ID CSS
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
  text-align: center;
  color: red;
} 
Hãy tự mình thử »
Bộ chọn ID CSS
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
Hãy tự mình thử »
Bộ chọn ID CSS A class name cannot start with a number!
Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất!
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;



 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
   text-align: center;
   color:
blue;
 } 
Hãy tự mình thử »
Bộ chọn ID CSS
Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất!
Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử.
   text-align: center;
  color: red;
 }
Quy tắc CSS bên dưới sẽ được áp dụng cho phần tử HTML với id = "para1": & nbsp;
   text-align:
center;
  color: red;
}
 #para1 {& nbsp; & nbsp; văn bản-align: centre; & nbsp; & nbsp; màu: đỏ; }
   text-align: center;
  color: red;
 }
Lưu ý: Tên ID không thể bắt đầu với một số!
Bộ chọn lớp CSS
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
   text-align: center;
  color: red;
}
Hãy tự mình thử »
Bộ chọn ID CSS

Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
Thí dụ
Ở đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp;
 p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; }
Hãy tự mình thử »
Bộ chọn ID CSS
Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.
ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất!
Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử.
Element.Class
P.INTRO
Chỉ chọn các phần tử có lớp = "Giới thiệu"
*
*
Chọn tất cả các yếu tố
yếu tố
P
Chọn tất cả các yếu tố
yếu tố, phần tử, ..
Div, p
Chọn tất cả các yếu tố và tất cả các yếu tố
 
 
 

			
Tên thẻ là gì?
			
Tên thẻ là một tên được đặt cho một đối tượng hoặc thành phần được sử dụng như một phần của hệ thống điều khiển.Tên thẻ thường là một tên viết tắt xác định một đối tượng hoặc thành phần cụ thể.a name given to an object or component used as part of a control system. The Tag Name is commonly an abbreviated name that identifies a specific object or component.
		
			
Thẻ được gọi là gì trong CSS là gì?
			
Mã đánh dấu, còn được gọi là thẻ HTML hoặc các phần tử, luôn được đặt bên trong các ký hiệu "" để đặt chúng khác biệt với nội dung văn bản mà chúng áp dụng., also called HTML tags or elements, are always enclosed inside "<" and ">" symbols to set them apart from the text content to which they apply.
		
			
Tên thẻ trong HTML là gì?
			
Thuộc tính tên chỉ định tên cho phần tử HTML.Thuộc tính tên này có thể được sử dụng để tham chiếu phần tử trong JavaScript.Đối với một phần tử, thuộc tính tên được sử dụng làm tài liệu tham khảo khi dữ liệu được gửi.Đối với một phần tử, thuộc tính tên có thể được sử dụng để nhắm mục tiêu gửi biểu mẫu.. This name attribute can be used to reference the element in a JavaScript. For a 
 element, the name attribute is used as a reference when the data is submitted. For an