CSS FRAMEWORK LÀ GÌ

Xin kính chào chúng ta, mình lại trở về rồi trên đây. Với các bạn vẫn cùng sẽ tò mò, học tập về xây dựng web thì chắc chắc chắn rằng chúng ta mọi biết CSS là "lớp trang điểm" mang lại website của chúng ta. Và cũng giống như thiết bị trang điểm cho bà bầu thì vật dụng make up mang đến trang web cũng tương đối các "hãng" đa dạng.Bạn đã xem: Css framework là gì

quý khách chắc chắn đã từng có lần tìm đến Bootstrap hay là W3.CSS. Nhưng lúc đi tìm gọi thì mình bắt đầu biết rằng 2 CSS Framework thịnh hành độc nhất là Bootstrap cùng Foundation (1 cái brand name tương đối không quen so với mình).

Bạn đang xem: Css framework là gì

Nếu nlỗi các bạn cũng giống mình thì hãy tham khảo tiếp giúp thấy xem Foundation tất cả gì quan trọng đặc biệt nhé. Còn nếu như bạn sẽ biết rồi, thì hãy xem thêm bài xích và góp ý góp mình trường hợp bản thân có thiếu xót gì về dịch thuật cũng giống như câu chữ nhé. Bắt đầu thôi nào!

ở bài viết này họ đang đề cùa tới Bootstrap 4 với Foundation 6 nhé các bạn!

Trước hết hãy cùng ngó qua google trend xem vào 3 từ khóa bên trên, đầy đủ bạn tìm kiếm tìm đồ vật gi nhiều độc nhất nhé.


*

Như chúng ta thấy trên thời khắc 12/5 - 18/5 thì lượng tìm kiếm tìm đến bootstrap 4 áp hòn đảo so với foundation 6 (phía trên chỉ là số lượt kiếm tìm kiếm trên google nhằm tìm hiểu thêm thôi, chẳng thể kết luận được là ít người dùng foundation đâu nhé).

Để chứng minh mang lại điều ấy, hãy lượn lên Github xem cộng đồng developer quan tâm mang lại 2 framework này thế nào nhé.

Xem thêm: Ngôn Ngữ Lập Trình Php Là Gì ? Sự Khác Biệt Html, Xml, Php, Css, Javascript


*

*

Ưu:Đễ bảo trì codeDễ dàng thiết lập với quản líTích hợp sẵn responsiveĐa số là open source với miễn phíVì là open source đề nghị được rất nhiều người góp sức tương tự như kiểm soát, phân phát triểnThường xuyên ổn được update tính năng mới, fix bugNhược:Có thể sẽ phải tốn nhiều thời hạn để tự customize theo nhu cầuSẽ đề nghị chuyển đổi tư liệu khi gồm cập nhật mớicũng có thể bị thiếu hụt tính năng nhưng chúng ta cần


*

*

Ấn tượng thứ nhất chắc chắn rằng là cấu tạo của foundation có khá nhiều thiết bị hơn chứ không cần gọn nhẹ như bootstrap.

Trước hết phải xác minh trước những cái giống nhau giữa 2 framework:

Cả nhì đều có "grid system", tuy vậy với Foundation thì nó mang tên là "responsive sầu gutters".Cả 2 gần như cung cấp phân tách 12 cột với chiều rộng lên đến 75em.

Trên đây là một số trong những điểm bình thường thân nhì framework, tiếng hãy thuộc mày mò sự khác biệt về cú pháp nhé:

Single column syntax:

Bootstrap

.col-xs-1.col-sm-1.col-md-1.col-lg-1.col-xl-1Foundation.small-1.columns.medium-1.columns.large-1.columns.-1.columnsContainers:

Bootstrap

div class="container"> or div class="container-fluid">Foundationdiv class="row"/>Media Queries:

Bootstrap

// Small devices (landscape phones, 34em and up)truyền thông screen & (min-width: em)// CUSTOM BREAKPOINTS (Sass)$breakpoints: ( // all px values are converted to lớn ems small: 0px, medium: 640px, large: 1024px, xlarge: 1200px, xxlarge: 1440px, : ...px,);Nested Columns:

Bootstrap

div class="row"> div class="col-sm-9"> div class="row"> div class="col-xs-8 col-sm-6">...div> div class="col-xs-4 col-sm-6">...div> div> div>div>Foundationdiv class="row"> div class="small-6 columns"> div class="row"> div class="small-6 columns">...div> div class="small-6 columns">...div> div> div>div>Offmix Columns:

Bootstrap

div class="row"> div class="col-md-4">...div> div class="col-md-4 col-md-offset-4">...div>div>Foundationdiv class="row"> div class="large-1 columns">1div> div class="large-8 large-offset-3 columns">8, offphối 3div>div>Thông qua phần so sánh về cú pháp nghỉ ngơi trên, dĩ nhiên những chúng ta có thể thấy được rằng các chức năng cơ bạn dạng thì cả 2 framework đều phải có không hề thiếu, mặc dù thì cú pháp của Foundation có vẻ như hơi lâu năm loại hơn vậy thì đề xuất. Có bạn sẽ đưa ra câu hỏi: Vậy thì sao lại nên đi sử dụng dòng dài ra hơn nữa, nđính gọn gàng đã tốt hơn chứ?

Do là dài hơn nên khi hiểu code của Foundation thì tuyệt hảo trước tiên của chính bản thân mình là nó cực kỳ chi tiết cùng dễ hiểu.

Tóm lại, bất cứ framework CSS làm sao cũng có số đông ưu và yếu điểm riêng rẽ của chính nó. Không tất cả framework nào là giỏi hơn nhiều dòng như thế nào, chỉ là các bạn chắt lọc được framework như thế nào tương xứng rộng với bài bác toán thù của công ty mà thôi. Và sau khoản thời gian tìm hiểu kĩ rộng, hy vọng rằng bạn sẽ lựa chọn được cho bạn framework CSS tương xứng.