tìm hiểu về các loại css framework

18 486 0
tìm hiểu về các loại css framework

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

C S S F R A M E W O R K S G r o u p a n o n y m o u s CSS Framework CSS FrameWork là các đo n mã css đ c vi t s n theo các id và class c đ nh giúp khi thi t k b n làm vi c nhanh h n, không ph i căn             ch nh l i nhi u và không s b l i.+       • 960 Grid System • Bootstrap •  •  •  •  •  •    ? ? ? 960 Grid !"#$$%&'())*+" &,-%". (!((/0 1%&'23)4 (5  &,! 6!!" 7(8" !3 960 Grid 79 &,(:(; <=>".="6!>?"$@"( ((& (A 6&'B3 CD&0   E:((&,(F('6,%@%"(G H!(I(  JK(%8"  L)<(M   N( (%" .((N.7:((OP  $23)(A "(('Q  L&R (:(6,I(<(S)  L())((O-%" T(5 (()  #/7)(URH68#$$  V(W("6!  E:((&, (A 6&'B(O3  XJ(M (-68(<(@   V(H((86!YZLX[ [...]... style="background:green;">4 Cột Bootstrap là một framework CSS được Twitter phát triển Nó là một tập hợp các bộ chọn, thuộc tính và giá trị có sẵn để giúp web designer tránh việc lặp đi lặp lại trong quá trình tạo ra các class CSS và những đoạn mã HTML giống nhau trong dự án web của mình Ngoài CSS ra, thì bootstrap còn hỗ trợ các function tiện ích được viết dựa trên JQuery(Carousel,... một lần cho mọi thiết bị  Được tích hợp với thư viện jQuery và tương tác tốt với chuẩn HTML5 và CSS3  Ngoài ra Bootstrap còn được cập nhật phiên bản thường xuyên, hệ thống tài liệu hướng dẫn chi tiết, thân thiện với các công cụ tìm kiếm, tương thích trên nhiều trình duyệt, nhiều theme khác nhau Cách sử dụng twitter bootstrap Bạn có thể tải vê Bootstrap tại đây: http://twitter.github.io/bootstrap/... bootstrap Bạn có thể tải vê Bootstrap tại đây: http://twitter.github.io/bootstrap/ Sau khi tải vê, bạn sẽ có một file Zip Tiến hành giải nén ta có m ột thư m ục có tên bootstrap, bên trong có 3 th ư m ục : css, img, js Chúng ta tạo 1 file html có tên là index.html ở trong th ư mục bootstrap v ừa giải nén K ết qu ả là Các bạn sẽ thắc mắc tại sao button submit và reset lại không nằm phía dươi ??? Thu nhỏ . </title> <linkrel='stylesheet'href=&apos ;css/ reset .css& apos;/> <linkrel='stylesheet'href=&apos ;css/ 960 .css& apos;/> <linkrel='stylesheet'href=&apos ;css/ style .css& apos;/> </head> <div. C S S F R A M E W O R K S G r o u p a n o n y m o u s CSS Framework CSS FrameWork là các đo n mã css đ c vi t s n theo các id và class c đ nh giúp khi thi t k b n làm vi c.        cách s d ng class "alpha" và "omega"  h!" framework #$$%&'L(DT7!"i('"(-.(":(6!

Ngày đăng: 27/10/2014, 10:02

Từ khóa liên quan

Mục lục

  • Slide 1

  • CSS Framework

  • các loại css framework

  • 960 grid system

  • Điểm ưu của 960 grid

  • Slide 6

  • Cách sử dụng

  • Slide 8

  • Push & pull

  • Suffix & prefix

  • Alpha & omega

  • Slide 12

  • ưu điểm

  • Cách sử dụng twitter bootstrap

  • Slide 15

  • Slide 16

  • Slide 17

  • Slide 18

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan