Bạn muốn học CSS? Quyết định tuyệt vời; CSS là các ngôn ngữ cho web và học thiết kế website. Viết tắt của Cascading Style Sheet, CSS là ngôn ngữ được sử dụng để thêm kiểu vào các phần tử HTML. Nếu bạn không quen với HTML, bạn sẽ có ít sử dụng cho CSS, vì vậy tôi khuyên bạn nên bắt đầu đọc bài viết này của tôi.
Một thế giới không có phong cách
Hãy tưởng tượng bạn có một trang web được viết bằng HTML với tiêu đề chính của bạn bên trong phần tử <h1> và một vài đoạn văn trong phần tử <p>. Nếu không có bất kỳ CSS nào, hầu hết các trình duyệt web sẽ hiển thị trang của bạn bằng văn bản màu đen đơn giản, với <h1> của bạn bằng phông chữ lớn, đậm. Các đoạn văn của bạn sẽ lấp đầy toàn bộ chiều rộng của trình duyệt, dẫn đến độ dài dòng không đọc được (mắt người chỉ thích khoảng 12 từ trên mỗi dòng). Nói thẳng thừng; các trang của bạn sẽ trông khủng khiếp.
CSS để cứu hộ
Chúng ta cần CSS để thêm các kiểu tùy chỉnh của riêng mình; chúng ta cần CSS để thêm màu sắc, kích cỡ, cột và bố cục; chúng ta cần CSS để làm đẹp kiểu chữ của chúng ta; chúng tôi cần CSS để thêm họa tiết và hình nền. Nếu HTML tốt là chìa khóa cho một trang web có tổ chức, có thể truy cập, thì CSS là chìa khóa cho một trang web đẹp. CSS đặt thiết kế trong Thiết kế web
Làm thế nào nó hoạt động
Cascading Style Sheets là các tệp văn bản đơn giản được lưu trong phần mở rộng “.css” chứa các Quy tắc kiểu. Ví dụ, chúng ta hãy tưởng tượng chúng ta có một phần tử đầu <h1> trên một trang, và chúng ta muốn làm cho nó có màu cam và căn giữa.
Hãy cắt đứt mã
Hãy thư giãn, tôi không mong bạn hiểu mã này! Mặc dù bạn không có đào tạo để hiểu cú pháp của mã, nếu bạn nói tiếng Anh tỷ lệ cược là bạn có thể làm cho một chút ý nghĩa của nó.
Quy tắc CSS của chúng tôi bắt đầu bằng “h1” là bộ chọn CSS của chúng tôi. Bộ chọn cho trình duyệt web biết yếu tố HTML mà chúng ta muốn tạo kiểu.
Tiếp theo, từ “màu” là thuộc tính và “màu cam” là giá trị của nó. Một cặp thuộc tính và giá trị cùng nhau và tạo một khai báo. Chúng tôi tạo các quy tắc kiểu phức tạp bằng cách ghép nối nhiều khai báo với nhau, được phân cách bằng dấu chấm phẩy. Toàn bộ đoạn mã này, bao gồm cả bộ chọn và khai báo, được biết đến như một quy tắc CSS.
Cuối cùng, trực tiếp trước, và trực tiếp theo các khai báo chúng ta kèm theo Quy tắc của chúng ta trong dấu ngoặc nhọn (tìm thấy trên bàn phím của bạn bằng cách giữ phím shift và nhấn các nút trực tiếp ở bên phải phím P).
Liên hệ với CÔNG TY TNHH TRUYỀN THÔNG VÀ QUẢNG CÁO TÁO ĐỎ
Trụ sở HCM: 195/39 D1, P. 25, Q. Bình Thạnh, TP. HCM
Chi nhánh Hà Nội: Số 30, Ngõ 331,Đường Trần Khát Chân , TP. Hà Nội
Hotline: 0932 600 696
Fax: (08)62587749
Email: contact@applered.com.vn
Website: https://taodo.com.vn/