[hãy nhớ rằng thẻ phải kết thúc bằng
Đây là kết quả của mã này
Điều này sẽ làm cho văn bản đó trở thành màu xanh và đó là những gì chúng tôi muốn có nhưng nếu sau đó ở dòng tiếp theo, chúng tôi sẽ thực hiện điều này
[ nhớ là thẻ phải kết thúc bằng
Đây là kết quả của việc này
Điều này sẽ đơn giản làm cho văn bản chuyển sang màu đỏ. Ở dòng tiếp theo, chúng ta có thể đơn giản sao chép và dán đoạn màu xanh nhưng nếu chúng ta phải làm cho đoạn văn bản màu xanh ở nửa trang khoảng 500 dòng mã thì chúng ta sẽ không nhớ mã ở đâu.
CSS nội bộ
Internal CSS is when you use the tags at the top of the HTML document [or PHP]. This is again not the proper practice that we should be using when coding web sites for clients. This is because we are making the files larger than they should be. Reasons why we would use Internal CSS is if we are going to try a style on something really quick but we have no real reason to place it on our style sheets. In the future you might end up using it on a different page of your web and when that happens you will not be able to use it as it is not linked to that page as a style sheet. At this point we will need to move it into a style sheet and make sure it is all linked. A good and simple example will be again a paragraph that we have made for that page that just needs to be blue and another needs to be red. For example:
màu xanh da trời{
màu phông chữ. màu xanh da trời;
}
màu đỏ{
màu phông chữ. màu đỏ;
}
hello blue [các bạn nhớ là thẻ phải kết thúc bằng
hello red [nhớ là thẻ phải kết thúc bằng
Đây là kết quả
Như bạn có thể thấy tất cả điều này sẽ hoạt động tốt nhưng nếu tôi tạo một trang web khác thì đơn giản là tôi sẽ phải đặt trang này trên một biểu định kiểu thay vì đặt nó trên cùng một trang HTML [hoặc PHP]
CSS bên ngoài
Đây là khi chúng tôi đặt tất cả CSS của mình trên biểu định kiểu CSS bên ngoài. Đây là phương pháp hay nhất đối với chúng tôi với tư cách là lập trình viên vì chúng tôi có thể đặt tất cả CSS bên ngoài và không phải lo lắng về việc nó không hoạt động trên các trang khác nhau. Chúng ta có thể đơn giản liên kết tất cả các Biểu định kiểu bằng một dòng html đơn giản giống như
đây là một liên kết đơn giản đến biểu định kiểu CSS của tôi đã nhập bootstrap vào trang web của tôi và cho phép tôi tạo một trang web có kích thước lại mọi thứ để phù hợp với kích thước của màn hình mà họ đang xem trên đó. Vì vậy, các biểu định kiểu bên ngoài là nơi bạn muốn đến nếu bạn đang phát triển web. Đây là một ví dụ mã hóa về kiểu dáng CSS bên ngoài
[Trong biểu định kiểu CSS của tôi]
màu xanh da trời{
màu phông chữ. màu xanh da trời;
}
màu đỏ{
màu phông chữ. màu đỏ;
}
[Và bây giờ trên trang html của tôi, tất cả những gì tôi phải đặt trên đó]
hello blue
[các bạn nhớ là thẻ
phải kết thúc bằng
nhưng mình không làm được trên Word nên phải cho các bạn xem thế này. ]hello red
[nhớ là thẻ
phải kết thúc bằng
nhưng mình không làm được cái này trên Word nên phải cho các bạn xem thế này. ]Đây là kết quả
Như bạn có thể thấy từ đoạn mã mà tôi đã nhập, tôi chỉ phải viết tổng cộng khoảng 5-6 dòng mã vì tôi đã tạo một biểu định kiểu bên ngoài. Điều này sẽ làm cho mã của chúng ta trông đơn giản hơn rất nhiều và giữ cho mã của chúng ta gọn gàng hơn