Bạn có thể sử dụng thẻ HTML .crimson-text { color: crimson; } 6 làm vùng chứa để nhóm các phần tử nội tuyến lại với nhau để bạn có thể tạo kiểu hoặc thao tác với chúng bằng JavaScript
Trong bài viết này, tôi sẽ chỉ cho bạn cách sử dụng thẻ span để làm cho một phần nội dung nhất định của bạn khác biệt với phần còn lại. Sau đó, bạn sẽ có thể bắt đầu sử dụng nó trong các dự án viết mã của mình
Thẻ .crimson-text { color: crimson; } 6 dùng để làm gì?
Thẻ .crimson-text { color: crimson; } 6 giống như một div, được sử dụng để nhóm các nội dung tương tự nhau để tất cả có thể được tạo kiểu cùng nhau
Nhưng .crimson-text { color: crimson; } 6 khác ở chỗ nó là phần tử nội tuyến, trái ngược với .crimson-text { color: crimson; } 3, là phần tử khối
Ngoài ra, hãy nhớ rằng bản thân .crimson-text { color: crimson; } 6 không có bất kỳ ảnh hưởng nào đến nội dung của nó trừ khi bạn tạo kiểu cho nó
Có hai cách sử dụng chính của thẻ .crimson-text { color: crimson; } 6 – tạo kiểu và thao tác với một văn bản cụ thể bằng JavaScript
Cách định kiểu văn bản bằng thẻ .crimson-text { color: crimson; } 6
Nếu bạn muốn làm cho một số văn bản cụ thể hoặc bất kỳ nội dung nào khác với phần còn lại, bạn có thể bọc nó trong thẻ .crimson-text { color: crimson; } 6, gán cho nó một thuộc tính lớp, sau đó chọn nó với giá trị thuộc tính để tạo kiểu
Trong các ví dụ bên dưới, tôi thay đổi .crimson-text { color: crimson; } 8, .crimson-text { color: crimson; } 9 và body { display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100vh; } 0 của một số văn bản bằng cách bọc nó trong thẻ .crimson-text { color: crimson; } 6
Cách thay đổi màu văn bản
<p>This a <span class="crimson-text">crimson text</span> within others.</p> .crimson-text { color: crimson; }Tôi đã thêm một số CSS cơ bản để căn giữa mọi thứ trên trang
body { display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100vh; }Tên liên kếtused to create a hyperlink on the webpage. This hyperlink is used to link the webpage to other web pages or some section of the same web page. It's either used to provide an absolute reference or a relative reference as its “href” value. Syntax: Link Name