Có những cách khai báo nào trong css?
CSS là ngôn ngữ tạo phong cách cho trang web. Biết cách sử dụng CSS trong HTML, ta có thể định dạng ra các phần tử HTML thật đặc biệt và chuyên nghiệp. Bài viết sau đây sẽ giúp bạn hiểu hơn về CSS cũng như cách sử dụng nó. Show Mục lục Khái niệm về CSSCascading Style Sheets, hay còn gọi là CSS, là một ngôn ngữ tạo phong cách cho trang Web. Về mặt ngữ nghĩa, ta có thể hiểu như sau:
CSS là một ngôn ngữ dùng để định dạng các phần tử HTML như chỉnh kích cỡ, font chữ, màu chữ, màu nền, đường viền, hình nền,… Chúng ta có thể định dạng ra các phần tử HTML một cách chuyên nghiệp và đặc biệt thông qua việc sử dụng CSS. CSS là một ngôn ngữ dùng để định dạng các phần tử HTMLCSS và HTML luôn đi cùng nhau. Cấu trúc và nội dung các phần tử trong trang do HTML tạo ra còn CSS sẽ quy định cách hiển thị phần tử như thế nào trên trang. Lý do cần dùng CSS?Chúng ta cần dùng CSS vì nó cho phép bạn định nghĩa kiểu và cách hiển thị các phần tử HTML. Từ đó, CSS sẽ hỗ trợ bạn phân tách nội dung và cách trình bày trang. Nếu chúng ta chỉ sử dụng HTML thì việc định dạng phần tử, kiểu phần tử phải ở cùng một vị trí với phần tử trong văn bản, điều này thật sự khó cho việc bảo trì. Các định dạng sẽ được loại bỏ khỏi văn bản HTML, định dạng được lưu vào một file CSS khi sử dụng CSS. Cách sử dụng CSS trong HTMLChúng ta sẽ có ba cách sử dụng CSS trong HTML là:
1. Inline CSSTa đặt thuộc tính style vào thẻ mở của phần tử HTML, giá trị của thuộc tính style là các cặp thuộc tính định dạng CSS. Ví dụ: 4. Thứ tự ưu tiên các cách sử dụng CSSKhi một thuộc tính nào đó của phần tử được thiết lập bởi nhiều cách, thì thuộc tính sẽ nhận giá trị của các cách sử dụng CSS theo độ ưu tiên như sau: 1. Inline 2. Internal 3. External Các thuộc tính định dạng CSS quan trọng1. ColorThuộc tính này dùng để thiết lập màu chữ cho phần tử. Xác định giá trị của thuộc tính theo:
2. Background – colorThuộc tính thiết lập màu nền cho phần tử. Xác định giá trị thuộc tính theo tên màu, giá trị Hex, giá trị RGB. 3. Font – sizeThiết lập kích cỡ chữ cho phần tử. Giá trị thuộc tính xác định theo:
4. Font – familyThiết lập kiểu chữ cho phần tử. 5. Text – alignCăn lề cho nội dung của phần tử. Có 3 giá trị:
6. BorderTạo đường viền bao xung quanh phần tử. 7. Width, heightThiết lập chiều rộng và chiều cao cho phần tử. Có thể xác định theo đơn vị px hoặc %. Bài viết trên đây là một số thông tin cho những ai đang quan tâm đến cách sử dụng CSS trong HTML. Hy vọng bài viết sẽ đem đến nhiều thông tin hữu ích cho bạn trên con đường lập trình của mình. |