1. [THÔNG BÁO] TẤT CẢ NHỮNG BÀI VIẾT ĐĂNG KHÔNG ĐÚNG CHUYÊN MỤC SẼ BỊ BAN NIK VÀ XÓA TOÀN BỘ POST, CÁC BÀI VIẾT NẾU KHÔNG CÓ BOX PHÙ HỢP ĐỂ POST THÌ CÓ THỂ POST VÀO 2 CHUYÊN MỤC CUỐI DIỄN ĐÀN LÀ "BACKLINK FREE" VÀ "CÁC VẤN ĐỀ KHÁC"
    Dismiss Notice
  2. Dismiss Notice

CSS Trong Thiết Kế Website -Học Thiết kế Web

Thảo luận trong 'Linh tinh' bắt đầu bởi gialinhit, 20 Tháng tám 2014.

    Chia sẻ trang này

  1. gialinhit
    Offline

    gialinhit

    Bài viết:
    46
    Được thích:
    1
    Nơi ở:
    Thanh Phong, Thanh Chương, Nghệ An
    Chào các bạn, hôm nay Công ty thiet ke web gia re OSVN Company Limited sẽ giới thiệu cho các bạn về CSS, một ngôn ngữ quan trong trong thiết kế web.
    Vậy CSS là gì? Công dụng của CSS đối với một website ra sao?
    1.CSS và công dụng:

    Định nghĩa:

    CSS viết đầy đủ là Cascading Style Sheets được hiểu là Ngôn ngữ Định dạng Website.
    Như thế nào là định dạng website: Hãy tưởng tượng bạn cần vẽ một bức tranh, bạn có bút chì để phác họa, bút màu để tô, HTML là bút chì, CSS là bút màu để trang trí bức tranh "website".
    Công dụng:

    Định dạng các thành phần của một website theo ý muốn như: màu nền, ảnh nền, font chữ, vị trí văn bản....
    Dùng CSS thì code tối ưu hơn, dễ quản lý, sửa chữa, bảo trì.
    Dùng CSS thì tối ưu cho SEO vì đúng chuẩn web.
    2.Cách sử dụng CSS:

    -Khai báo:
    Có 3 các khai báo ứng với 3 cách định dạng chính của CSS.
    a.CSS trong:

    Cú pháp:
    Mọi định dạng CSS được đặt trong thẻ <style></style>
    Cách làm này giúp bạn hiểu được bản chất CSS nhưng rất ít dùng vì code sẽ cồng kềnh, dài dòng dễ rối.
    b.CSS nội tuyến:

    Là cách khai báo CSS với vai trò là một thuộc tính trong thẻ cần định dạng
    Ví dụ: <span sytle= “color:red”> Thiết kế website bán hàng</span>
    Cũng như CSS trong, CSS nội tuyến không được khuyến khích dùng.
    c.CSS ngoại tuyến:

    Với CSS ngoại tuyến, bạn sẽ tạo ra file có đuôi là .css riêng, rồi dùng thẻ <link> để liên kết với file HTML chịu tác động của CSS ( file HTML bạn muốn định dạng). Cách này được sử dụng nhiều vì tính linh hoạt của file .css có thể định dạng cho nhiều phần tử, lại dễ bảo trì, chỉnh sửa khi cần thay đổi.
    Chú ý: Độ ưu tiên các cách khai báo css khi cùng tác động lên một đối tượng là: CSS nội tuyến > CSS trong >CSS ngoại tuyến.
    3.Ví dụ mở đầu:

    Định dạng CSS cho chuỗi sau: Thiet Ke Website Bat Dong San

    Cách 1 (CSS trong):

    [​IMG]
    Với đoạn code sau thì văn bản nằm trong thẻ <p> sẽ có màu xanh, bạn hãy cho trình duyệt hiển thị để xem kết quả nhé.


    Cách 2 ( CSS nội tuyến):

    Với đoạn code sau đây kết quả sẽ giống như cách khai báo CSS trong.

    [​IMG]

    Cách 3 (CSS ngoại tuyến):
    Các bạn hãy tự định dạng từ thiet ke web bat dong san theo CSS ngoại tuyến
    -Trình duyệt hiển thị:
    hinh5
    Bài tập thực hành:

    Dùng CSS để định dạng chuỗi sau : " " theo 3 cách: CSS trong, CSS ngoại tuyến, CSS nội tuyến. Biêt tiêu đề dùng thẻ h1, size chữ là 30px , font Time New Roman.

    Mời các bạn đón xem bài tiếp theo [Tự Học CSS] Bài 2: Selector
    OSVN Company Limited chúc các bạn học tốt!
    [gdot tag="h2" heading="Thông tin liên hệ"]
    CÔNG TY TNHH GIẢI PHÁP CÔNG NGHỆ TRỰC TUYẾN VIỆT NAM OSVN
    Địa chỉ: Số 192, Tổ 4, P. Tân Thịnh, TP. Thái Nguyên
    Điện thoại: 0987 36 81 82
    Email: info[@]osvn.com.vn
    Website: osvn.com.vn - ithietkeweb.net - dichvuseoonline.com
     
>

Chia sẻ trang này