hosting gia re

Hướng dẫn Tìm hiểu CSS và vai trò của nó trên website

Thảo luận trong 'CSS' bắt đầu bởi PVS, 17/02/2017.

Lượt xem: 138

  1. PVS

    PVS Cộng Sự Xuất Sắc Thành viên BQT Leecher

    Tham gia:
    28/02/2015
    Bài viết:
    7,520
    Đã được thích:
    5,608
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    Tìm hiểu CSS và vai trò của nó trên website

    CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều.


    html-css-webpage.png
    CSS có vai trò trang trí thêm cho văn bản được viết bằng HTML
    Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.

    Cấu trúc một đoạn CSS

    css_banner.jpg
    Một đoạn CSS bao gồm 4 phần như thế này:
    Mã:
    vùng chọn {
       thuộc tính : giá trị;
       thuộc tính: giá trị;
       .....
    }
    Nghĩa là nó sẽ được khai báo bằng vùng chọn, sau đó các thuộc tính và giá trị sẽ nằm bên trong cặp dấu ngoặc nhọn {}. Mỗi thuộc tính sẽ luôn có một giá trị riêng, giá trị có thể là dạng số, hoặc các tên giá trị trong danh sách có sẵn của CSS. Phần giá trị và thuộc tính phải được cách nhau bằng dấu hai chấm, và mỗi một dòng khai báo thuộc tính sẽ luôn có dấu chấm phẩy ở cuối. Một vùng chọn có thể sử dụng không giới hạn thuộc tính.

    Về danh sách các thuộc tính của CSS bạn có thể xem qua Hãy đăng nhập hoặc đăng ký để xem được links.

    Chúc các bạn thành công.


    Nguồn: thachpham.com​
     
    Bài viết mới
    Sơ lược và so sánh giữa Less và Sass
    Sơ lược và so sánh giữa Less và Sass bởi PVS, 15/06/2017 lúc 13:38:23
    Cách sử dụng CSS Shapes để tạo hình
    Cách sử dụng CSS Shapes để tạo hình bởi PVS, 15/06/2017 lúc 13:27:55

Chia sẻ trang này