Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 18 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
18
Dung lượng
1,34 MB
Nội dung
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%&'23)4 (5 &,! 6!!" 7(8" !3 960 Grid 79 &,(:(; <=>".="6!>?"$@"( ((& (A 6&'B3 CD&0 E:((&,(F('6,%@%"(G H!(I( JK(%8" L)<(M N( (%" .((N.7:((OP $23)(A "(('Q L&R (:(6,I(<(S) L())((O-%" T(5 (() #/7)(URH68#$$ V(W("6! E:((&, (A 6&'B(O3 XJ(M (-68(<(@ V(H((86!YZLX[ [...]... 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> <linkrel='stylesheet'href=&apos ;css/ reset .css& apos;/> <linkrel='stylesheet'href=&apos ;css/ 960 .css& apos;/> <linkrel='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(DT7!"i('"(-.(":(6!