Làm thế nào để làm cho chữ hoa trong CSS?

CSS cho phép tùy biến các văn bản, được trình bày bằng ngôn ngữ HMTL. Hôm nay chúng ta xem xét các tác động của các thuộc tính của «text-transform», cho phép thay đổi font chữ đăng ký. Tùy chọn này được hỗ trợ bởi tất cả các trình duyệt hiện đại và được bao gồm trong các đặc điểm kỹ thuật của phiên bản CSS.

cuộc hẹn

Sở hữu «text-transform» có thể mất ba giá trị cơ bản và hai người bổ sung. Ví dụ, chúng ta có thể gán cho tất cả các văn bản đã chọn chữ hoa. Hoặc bạn có thể cho điều ngược lại lệnh để tài sản trước đây, nơi mà tất cả các nhân vật là chữ thường. Để thực hiện việc bổ nhiệm, bạn có thể sử dụng bất kỳ phương pháp thuận tiện cho bạn. Ví dụ, bằng cách sử dụng phong cách built-in. Hoặc bạn có thể tạo một file riêng biệt với một mô tả của tất cả các thuộc tính. việc sử dụng các trích cách để bạn là gì. «Text-transform» có thể mất các giá trị sau:

• Chữ hoa. Nó làm cho tất cả các nhân vật đã chọn được chữ hoa. CSS chữ hoa thường, vì giá trị này giúp giải quyết nhiều nhiệm vụ phức tạp liên quan đến văn bản.
• Chữ thường. Khách sạn này là nhóm chữ hoa hoàn toàn ngược lại.
• Tận dụng. Thay đổi đăng ký chữ cái đầu tiên lên hàng đầu. Các nhân vật còn lại sẽ không thay đổi.
• Không. Nó cho phép bạn hoàn tác tất cả các giá trị được gán (cần thiết cho các thuộc tính cụ thể). Như một quy luật, đây là thiết lập mặc định.
• Kế thừa. Được thừa hưởng tất cả các tính chất của các yếu tố phụ huynh. Cần lưu ý rằng IE không hỗ trợ tính năng này.

ứng dụng

Sử dụng CSS hoa (hoặc tác dụng tương tự) được thành lập thông qua một lệnh đơn giản. Vì vậy không có cần phải sửa đổi hay viết lại toàn bộ văn bản. Khi nói đến trang web duy nhất trang, sau đó khách sạn này có thể không có ích. Nhưng khi bạn quản lý một cổng thông tin khổng lồ, nơi bạn muốn sửa chữa giá trị vốn hóa của mảnh nhất định, «text-transform» trở thành phương thuốc hữu hiệu duy nhất. Ví dụ, bạn cần phải sửa chữa «h2» phông chữ trong các thẻ tiêu đề. Để làm điều này, bạn cần phải thêm một kỷ lục: «h2 {text-transform: hoa; }", Và sau đó tất cả các tiêu đề cấp thứ hai sẽ được viết hoa.

Các tính năng

Một số có thể tin rằng việc xử lý thủ công của văn bản và thay đổi font chữ bằng cách sử dụng các thuộc tính của «text-transform» không có bất kỳ sự khác biệt. Nhưng đây không phải là trường hợp. Nếu bạn thay đổi bằng tay chữ thường thành chữ hoa (chữ in hoa), sau đó sao chép thông tin này để mã của trang web của bạn sẽ không thay đổi. Nếu chúng ta sử dụng ngôn ngữ CSS, mọi thứ đều khác nhau. Sở hữu «text-transform» chỉ trực quan cho người sử dụng để thay đổi phông chữ. Nhưng trong thực tế, các nhân vật vẫn không thay đổi. Nó đi kèm với tất cả các giá trị của các thuộc tính. thông tin sao chép (văn bản) sẽ có trường hợp ban đầu, được sử dụng trong mã nguồn của trang. Đó là sự khác biệt duy nhất giữa việc xử lý bằng tay và sử dụng CSS-đội.

Không có vấn đề gì bạn muốn sử dụng - một trong hai trường hợp thấp hơn hoặc cao hơn, quan trọng nhất, đừng quên nhiệm vụ. Ví dụ, nếu bạn chỉ cần thay đổi cho mục đích trang trí, bạn có thể an toàn áp dụng tài sản của «text-transform». Vâng, nếu bạn biết những gì người dùng của bạn sẽ được đặt ra để sao chép thông tin của bạn, cách tốt nhất là tự thay đổi trường hợp của văn bản. Trên thực tế, đôi khi các độc giả không nhận thấy một phông chữ thay thế. Điều này đặc biệt quan trọng khi nói đến tài liệu quan trọng và các thông tin tương tự.