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

Thiết kế giao diện web với CSS- Tìm hiểu thuộc tính font.

Thảo luận trong 'Linh tinh' bắt đầu bởi gialinhit, 22 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
    Thiet ke web gia re xin chào các bạn, hôm nay chúng tôi xin giới thiệu về FONT trong CSS.
    Bộ thuộc tính Font là một trong những thuộc tính quan trong của CSS. Cách khai báo tương tự như các bộ thuộc tính trước. Font bao gồm: Font –family, font-style, font-size, font-variant, font-weight.
    1. Font-family :
    Dùng để xác định font chữ cho website.
    Giá trị là tên font chữ tiếng anh.
    Ví dụ : font-family :Arial, Verdana ;
    Giá trị có thể có nhiều font ngăn cách nhau bằng dấu phẩy.
    Tại sao bạn nên đặt nhiều font cho website ?
    Bởi vì font của website phải tương thích với font trên máy của người xem website, nhưng bạn có chắc rằng khách xem website của bạn có đẩy đủ các loại font hay có font trùng với font của website bạn, vì vậy chúng ta nên đặt nhiều font.
    Độ ưu tiên của font đặt sau thuộc tính sẽ ưu tiên từ trái qua phải.
    Ví dụ : Định dạng cho trang web có chữ thiet ke giao dien web font-family : Arial, Vendana, « Time New Roman » ;
    [​IMG]

    Như ví dụ trên thì nếu máy khách không có font Arial thì sẽ hiển thị theo font Vendana, còn nếu Vendana cũng không có sẽ hiển thị theo Time New Roman.
    Chú ý : Những font chữ có dấu cách khi đặt làm giá trị sẽ phải đặt trong nháy kép .
    Các bạn hãy thực hành thêm về định dạng cho đoạn text "thiết kế web giá rẻ" nhé
    2. Font – style :

    Dùng để xác định kiểu chữ.
    Các giá trị là : Normal ( bình thường), Italic (in nghiêng), Oblique (in xiên).
    Ví dụ : Định dạng in nghiêng cho từ thiết kế giao diện web giá rẻ.
    [​IMG]

    3. Font-size :

    Dùng để xác định kích thước chữ.
    Có giá trị là số, đơn vị thường dùng là px và em.
    Ví dụ : Định dạng size cho chữ “thiet ke giao dien web” 45px.
    [​IMG]

    4. Font – Variant

    Dùng để xác định 1 số kiểu chữ như small-caps, normal.
    Font – Variant

    5. Font-weight:

    Dùng để xác định kiểu in đậm hay in thường cho thành phần nào đó.
    Ví dụ: Định dạng chữ đậm cho chữ thiet ke giao dien web chuyen nghiep
    [​IMG]

    6. Cách viết tắt của bộ thuộc tính font:

    Tương tự như background thì font cũng có kiểu viết tắt:
    Font: style variant weight size/line-height family
    Bài tập thực hành:

    Định dạng cho đoạn text sau :
    Lợi ích của việc thiet ke web ban hang
    Tiết kiệm chi phí

    Bạn hãy so sánh bán hàng online và bán hàng trong thực tế về các phương diện như chi phí đầu tư cơ sở vật chất, chi phí cho nguồn nhân lực, chi phí quảng cáo và các chi phí phát sinh. Điều OSVN muốn nhấn mạnh với bạn đầu tiên là bán hàng qua website thật sự tiết kiệm được rất nhiều chi phí.

    Thời gian và không gian không giới hạn:

    Môt cửa hàng trên thực tế sẽ có thời gian hoạt động cứng ( ví dụ: Hoạt động theo giờ hành chính). Còn một website bán hàng online thì thời gian hoạt động sẽ là 24/24, thời gian hoạt động dài thì cơ hội khách hàng càng cao.
    Hơn nữa thời gian quản lý, vận hàng lại tiết kiệm hơn bởi hệ thống website bán hàng là tự động theo một dây chuyền.

    Kết nối không giới hạn giữa người bán – người mua, mở rộng quy mô hoạt động:

    Với các nhà đầu tư: Bán hàng qua website có lợi thế là thu hút các nhà đầu tư, nhà đầu tư sẽ biết được đâu là sản phẩm đang “làm vua” trên thị trường. Khoảng cách người mua – người bán không còn là vấn đề, dù trụ sở của bạn có ở Sài Gòn thì khách hàng của bạn ở Hà Nội là một điều dễ hiểu trong việc bán hàng qua website. Và nếu doanh nghiệp có chiến lược đúng đắn thì khách hàng tiềm năng của bạn có ở mọi nơi trên trái đất.

    Dễ dàng đo lường, kiểm tra kết quả kinh doanh tốt hơn:

    Cuối tháng điều các chủ doanh nghiệp quan tâm là kinh doanh lãi lỗ nhưu thế nào, đến với OSVN chúng tôi sẽ hướng dẫn bạn các sử dụng các công cụ đo lường trực tuyến, đơn giản để bạn quản lý doanh thu.


    Yêu cầu: font chữ là Time New Roman, Cỡ chữ 20px, in đậm kiểu bold, căn giữa đoạn văn.

    Chúc các bạn học tốt!
     
>

Chia sẻ trang này