Xin Chào Các Bạn! Hôm nay EDU.COM>VN sẽ hướng dẫn các bạn Convert một file mẫu website PSD thành HTML/CSS. Mẫu trang chúng ta sẽ thực hiện là trang Exponet. Yêu Cầu – Căn bản HTML/CSS – Bootstrap – Căn bản Photoshop – Thời gian thực hiện 1h~1h30p CẮT ẢNH PHOTOSHOP Các bạn tải file […]
Continue Reading
Hôm nay EDU.COM.VN sẽ hướng dẫn chuyển PSD thành HTML/CSS trang giới thiệu công ty Creativo. Với bài viết này, các bạn sẽ biết được các bước để tạo thành trang web tĩnh, chuyển từ một thiết kế photoshop thành một trang web HTML và định dạng CSS. Yêu Cầu – Căn bản HTML – […]
Continue Reading
Hôm nay EDU.COM.VN sẽ hướng dẫn các bạn chuyển file thiết kế Cắt template PSD thành HTML/CSS – giao diện Naturetour. Với bài viết này, các bạn sẽ biết được các bước để tạo thành trang web tĩnh, chuyển từ một thiết kế photoshop thành một trang web HTML và định dạng CSS. Yêu Cầu […]
Continue Reading
Hôm nay EDU.Com.Vn sẽ hướng dẫn các bạn thiết kế HTML/CSS trang Bán rau. Các bạn có thể download source của trang tại đây để có các hình ảnh sử dụng. Các hình ảnh đã được chuẩn bị sẵn, các bạn có thể xem lại các bài viết trước để biết cách cắt ảnh bằng […]
Continue Reading
Hôm nay mình sẽ giới thiệu với các bạn về z-index trong CSS. Để tìm hiểu về Thuộc tính Z-index, mình xin đưa ra ví dụ về việc sử dụng CSS absolute position để xếp chồng các thành phần lên nhau: Với giá trị như sau: Thuộc tính giá trị Ví dụ Mô tả z-index auto z-index: […]
Continue Reading
Absolute position là cách định vị trí của một thành phần bên trong không gian thành phần chứa chúng (thành phần mẹ), mà không phụ thuộc vào margin hay float. Và khi sử dụng absolute position, bạn có thể xếp các thành phần chồng lên nhau (Ví dụ: bạn có thể chồng một đoạn văn bản […]
Continue Reading
Float: có thể được hiển thị ở bên trái hay bên phải của thành phần mẹ, cho phép các thành phần khác di chuyển lên lấp đầy khoảng trống nếu có. Float thường được sử dụng để căn chỉnh hình ảnh, nhưng nó cũng được sử dụng nhiều trong thiết kế giao diện (layout). Sau đây […]
Continue Reading
Margin: Margin(căn lề) cho một thành phần nào đó, thì nó sẽ tạo ra một khoảng cách giữa thành phần đó với các thành phần xung quanh nó (top, right, bottom và left). Tạo ra sự phân chia giữa các thành phần trong trang web được thể hiện rõ ràng hơn. Các giá trị của margin: – […]
Continue Reading
Ở bài viết về Box Model trong CSS, mình đã giới thiệu với các bạn về các thành phần của Box Model, nhưng đó chỉ là những khái niệm cơ bản. Bài viết này chúng ta sẽ cùng tìm hiểu về độ lớn thực sực sự của Box (ta có thể gọi là các tính toán trong […]
Continue Reading
Trong bài này mình sẽ giúp các bạn áp dụng một thuộc tính CSS cho một thành phần nào đó ví dụ như h1, h2, p, a, img,… thì toàn bộ các thành phần này trong trang web đều nhận thuộc tính này. Vậy có cách nào để nhóm lại một số thành phần nào […]
Continue Reading