hitechfocus

Học CSS Từ Đầu - Giới Thiệu CSS

Discussion in 'CSS' started by Maskters, May 23, 2015. Lượt xem: 1,416

  1. Maskters

    Maskters Administrator Staff Member

    CSS Tutorial này dành cho người mới bắt đầu học CSS. Nó dạy cho bạn CSS từ khi bạn chưa biết gì về nó - bắt đầu với những điều cơ bản. Nhưng trước tiên bạn phải nắm được HTML là gì. Bạn hãy hãy đọc (miễn phí) HTML Tutorial đầu tiên của tôi tại đây (học html từ đầu), sau đó bạn hãy quay lại bài học này để cùng tôi tìm hiểu về CSS
    [​IMG]

    Sự thật là, CSS là vô cùng dễ học

    !
    Hướng dẫn này sẽ cho bạn thấy làm thế nào để nhúng css vào trang web của bạn. Hướng dẫn này cũng sẽ cho bạn thấy làm thế nào để tạo ra một giao diện đẹp mắt từ html

    Trước hết chúng tôi sẽ nói sơ qua về Css

    CSS là viết tắt của Cascading Style Sheets. CSS là một ngôn ngữ mà bạn có thể sử dụng để tạo một giao diện website đẹp mắt kết hợp với các phần tử html. Ví dụ, bạn có thể thiết lập các thuộc tính font (kích thước, màu sắc, các kiểu giao diện website khác nhau, vv), hình ảnh nền... nhiều hơn nữa
    Cascading Style Sheets, cấp 1 (CSS1) đã trở thành chuẩn W3C vào tháng Mười Hai năm 1996. CSS2 trở thành chuẩn W3C tháng năm 1998, được xây dựng trên CSS1 và hiện nay CSS3 hiện đang được sử dụng.
    HTML có những hạn chế của nó khi nói đến các vị trí trong giao diện webisite vì vậy ta mới cần sự phối hợp của CSS , với css bạn có thể kiểm soát tốt giao diện một cách dễ dàng. Bạn có thể chọn cho mình một font chữ đẹp nhất, một màu sắc ưng ý và nhiều hơn thế nữa.
    Một ví dụ nhỏ
    HTML:
     <h1 style="color: red;">heading</h1>
    Chúng ta sẽ có kết quả
    [​IMG]
    Áp dụng một thuộc tính chung cho nhiều phần tử html
    Bạn có thể áp dụng một thuộc tính chung cho nhiều phần tử html nếu bạn thích. Chỉ cần các phần tử css cách nhau bởi dấu phẩy
    HTML:
    h1, h2, h3, h4, h5, h6 {color: blue;}
    Áp dụng nhiều thuộc tính khác nhau cho một phần tử CSS
    Để áp dụng nhiều thuộc tính cho 1 phần từ chỉ cần các thuộc tính css cách nhau bởi dấu chấm phẩy

    HTML:
    h1 {color: blue;
          font-family: arial, helvetica, "sans serif";
          color: #567;
           font-size:150%;}
    
    OK, Vậy là ở bài giới thiệu về css này bạn đã hiểu rõ về cú pháp đơn giản nhất css. Nhưng làm thế nào để kết hợp cú pháp css này vào trang web? Bài học tiếp theo sẽ cho bạn thấy làm thế nào để kết hợp CSS vào ngôn ngữ HTML.
    author

    About the author

    Hey, my name is Maskters (T.A). I´m a Web Developer but love graphic design from KHANH HOA and I'm the creator of Hitechfocus.com .
    Last edited: May 25, 2015

Share This Page