Phong cách in đậm css nội tuyến

Bạn có thể chọn màu sắc, trọng lượng, kích thước của phông chữ, v.v. Và tất cả các tính năng này làm cho trang web và ứng dụng của bạn trông đẹp hơn và dễ nhìn hơn đối với người dùng

Với thuộc tính font-size trong CSS, bạn có thể thay đổi độ lớn hoặc nhỏ của văn bản trên trang web. Bạn có thể sử dụng thuộc tính này trong bất kỳ loại CSS nào mà bạn đang viết – bên ngoài, bên trong hoặc nội tuyến

Trong bài viết này, tôi sẽ hướng dẫn các bạn cách thay đổi kích thước của văn bản với thuộc tính font-size trong CSS nội tuyến

CSS nội tuyến là gì?

CSS nội tuyến là một trong ba cách khác nhau mà bạn có thể sử dụng để tạo kiểu cho bất kỳ phần tử HTML nào

Thay vì nhắm mục tiêu phần tử bằng thuộc tính lớp hoặc id hoặc chính phần tử đó làm bộ chọn và tạo kiểu cho phần tử đó, bạn đặt tất cả các kiểu CSS vào thẻ mở

Ngoài ra, bạn phải đảm bảo rằng tất cả các thuộc tính và giá trị của kiểu dáng của bạn nằm trong thuộc tính style. Thuộc tính style này là một trong nhiều thuộc tính được tất cả các thẻ HTML chấp nhận

Trong ví dụ bên dưới, tôi thay đổi màu nền của văn bản thành màu đỏ thẫm, màu văn bản thành #f1f1f1 (xám nhạt) và độ đậm của phông chữ thành bold bằng CSS nội tuyến

      Hello Campers...

Nhân tiện, trình duyệt của tôi được phóng to đến mức 400%, đó là lý do tại sao mọi thứ trông quá lớn. Tôi đã không áp dụng bất kỳ kiểu bổ sung nào để đạt được điều đó. )

Cách thay đổi kích thước văn bản bằng CSS nội tuyến

Để thay đổi kích thước văn bản của bạn bằng CSS nội tuyến, bạn phải thực hiện với thuộc tính style. Bạn nhập thuộc tính font-size rồi gán cho nó một giá trị

Có các giá trị tích hợp sẵn như

Hello Campers...

1,

Hello Campers...

2,

Hello Campers...

3,

Hello Campers...

4,

Hello Campers...

5, v.v.

Trong đoạn mã bên dưới, tôi thay đổi kích thước của văn bản “Xin chào những người cắm trại…” thành x-large, một trong những giá trị tích hợp sẵn của thuộc tính kích thước phông chữ

Hello Campers...

Bạn cũng có thể đặt giá trị của thuộc tính font-size bằng cách sử dụng một số với bất kỳ đơn vị nào, chẳng hạn như pixel (px), rem hoặc em

Tốt hơn là sử dụng các giá trị được đánh số vì chúng cho phép bạn tự do hơn để chọn bất kỳ kích thước phông chữ nào bạn muốn

Trong đoạn mã bên dưới, tôi đã thay đổi kích thước của văn bản thành

Hello Campers...

7 bằng CSS nội tuyến

________số 8_______

Phần kết luận

Trong bài viết này, bạn đã học cách thay đổi kích thước văn bản bằng CSS nội tuyến và thuộc tính cỡ chữ. Bạn cũng đã thấy cách gán giá trị cho thuộc tính cỡ chữ

Chỉ cần một cái đầu lên, mặc dù. CSS nội tuyến rất tốt cho việc tạo kiểu, nhưng bạn không nên quá phụ thuộc vào nó vì nó khiến HTML của bạn khó đọc, đặc biệt nếu bạn đang làm việc theo nhóm. Bạn không muốn là người duy nhất có thể đọc mã của chính mình

Xin lưu ý rằng nó cũng ghi đè bất kỳ bộ kiểu dáng nào bằng kiểu dáng bên trong hoặc bên ngoài. Thay vào đó, bạn nên sử dụng kiểu bên ngoài hoặc kiểu bên trong, vì chúng làm cho mã HTML và CSS của bạn tách biệt, dễ đọc hơn

Ví dụ, khi gán giá trị cho thuộc tính font-size, tốt hơn là gán giá trị theo đơn vị rem thay vì

Hello Campers...

9. Điều này là do khi bạn sử dụng

Hello Campers...

0, trình duyệt sẽ có thể điều chỉnh kích thước phông chữ khi người dùng phóng to hoặc thu nhỏ, điều này sẽ không xảy ra khi bạn sử dụng

Hello Campers...

9

Cảm ơn bạn đã đọc và tiếp tục mã hóa

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

---

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

---

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có việc làm với tư cách là nhà phát triển. Bắt đầu