lap trinh

Tìm hiểu thuộc tính display và tùy biến loại phần tử với display Ở phần đầu của serie Học CSS cơ bản này mình đã có nói qua về thuộc tính Block và Inline là như thế nào và tầm quan trọng của nó trong việc thiết kế bố cục chơ website với CSS. Hiện tại chắc bạn đã biết thế nào là Block và Inline...

Cách tùy biến trang trí danh sách với list-style Mặc định các thẻ list (danh sách) trong HTML sẽ được hiển thị dựa trên quy tắt hiển thị ở các trình duyệt cho các thẻ đó. Ví dụ khi bạn sử dụng <ol> thì sẽ hiển thị danh sách có đánh số, thẻ <ul> sẽ hiển thị dấu chấm tròn cho mỗi mục con bên...

Tìm hiểu Reset CSS và vì sao nên reset CSS Bạn học HTML thì chắc cũng thừa biết là mặc định trình duyệt đã tự mặc định hiển thị một số thẻ HTML thành một đoạn văn bản đã được markup đầy đủ, ngoài ra thì nó cũng mặc định thêm một số quy tắc trên trang tài liệu web HTML như có chứa padding...

Tìm hiểu cách chia cột với float và clear float Chào mừng các bạn đến với một kỹ thuật rất quan trọng trong CSS Layout, mà đã từng làm nhiều người phải “sợ” nó, đó chính là học cách chia cột trên CSS. Có thể nói rằng, website bạn soạn ra bằng văn bản HTML sẽ luôn luôn có một cột duy nhất mà nếu...

Tìm hiểu cách thêm thuộc tính màu nền và ảnh nền cho website Tạm gác qua các khái niệm về Box Model qua một bên mà ở phần này chúng ta sẽ làm quen với một loại thuộc tính cũng rất thú vị và có tác dụng làm đẹp website của bạn lên hơn, đó là các thuộc tính thêm màu nền và ảnh nền cho website...

Tìm hiểu cách tính toán lại kích thước của box với box-sizing Khi các bạn học qua Box Model trong CSS thì sẽ thấy có một đặc điểm khi sử dụng Padding và Border thì cái khung phần tử của bạn sẽ bị biến đổi kích thước nếu bạn có đặt thêm thuộc tính width và height để thiết lập kích thước cho nó...

Tìm hiểu cách sử dụng các thuộc tính tùy chỉnh kích thước trong CSS Khi làm việc với Box Model nói riêng và CSS Layout nói chung thì ngoài việc chúng ta cần tinh chỉnh cách hiển thị cho mỗi phần tử thì còn có một việc khác nữa mà bạn cũng sẽ rất thường xuyên làm đó là thiết lập kích thước cho...

Tìm hiểu về kỹ thuật Box Model và các thuộc tính Box Model là một kỹ thuật cơ bản nhất trong CSS Layout và được sử dụng để bạn mô tả về khoảng cách mà mỗi phần tử trên website được sở hữu, hay nói cách khác là kỹ thuật tinh chỉnh khoảng cách hiển thị cho mỗi phần tử trên website. Kỹ thuật...

Cách sử dụng thẻ div và tạo bố cục trên website Ở phần tìm hiểu về Inline và Block trước thì mình có nhắc qua thẻ <div> và đây là một thẻ phổ biến rất hay được sử dụng. Bởi vì thẻ <div> nếu bạn chỉ sử dụng trong HTML không thì có thể bạn sẽ chưa hiểu lắm về vai trò của nó dẫn đến việc hiểu...

Tìm hiểu phần tử Block (khối) và Inline (nội dòng) Nếu nói về các thuộc tính CSS cho việc trang trí văn bản thì cũng chỉ có các thuộc tính mà bạn đã xem ở hai phần trước. Nhưng một cái khó nhất trong CSS đó là sử dụng kỹ thuật CSS Layout như thế nào cho chính xác để lên bố cục giao diện website...

Cách sử dụng các thuộc tính trang trí font chữ cho văn bản Bên cạnh việc trang trí văn bản với CSS mà ta đã học ở phần trước, nhưng để đoạn văn bản có thêm sức sống thì không thể thiếu việc trang trí hoặc thiết lập lại việc hiển thị font chữ cho đoạn văn bản đó. Không giống như các thuộc...

Cách sử dụng các thuộc tính trang trí cho Text (văn bản) Đây là bài mở đầu cho loạt bài viết tìm hiểu về các thuộc tính quan trọng trong CSS mà bạn cần nắm. Một trong các loại thuộc tính đơn giản nhất nhưng lại dùng nhiều nhất là các thuộc tính được dùng để thay đổi cách hiển thị của văn bản...

Tìm hiểu về các đơn vị đo lường cơ bản px, pt, percentages, em và rem Mặc dù có lẽ mình sẽ cần nói qua hơi nhiều các khái niệm cơ bản trước khi bắt đầu với việc tìm hiểu các thuộc tính CSS. Dù mất thời gian hơn nhưng nó sẽ giúp bạn đỡ bối rối về sau này khi gặp những khái niệm đó. Một trong...

Tìm hiểu các kiểu vùng chọn CSS cơ bản (Selector) Vùng chọn trong CSS đóng vai trò rất quan trọng khi viết CSS, bởi vì nếu bạn sử dụng vùng chọn sai thì điều đó có nghĩa là các quy tắc CSS của bạn sẽ không thể thực thi hoặc thực thi không đúng chỗ. Có thể nói rằng, việc nắm rõ quy tắc sử dụng...

Cách tạo form nhập liệu Khi làm website bằng HTML, đặc biệt là sau này bạn học lên các ngôn ngữ server-side như PHP hay Python thì việc sử dụng form nhập liệu rất phổ biến như tạo form đăng nhập, form đăng dữ liệu lên website,…nên nếu có thể thì nên hiểu cách tạo một form nhập liệu bằng HTML...

Cách chèn tập tin media vào website Các tập tin kỹ thuật số (media files) mà mình đang nói đến đó là hình ảnh (image), âm thanh (audio) và phim ảnh (video). Với HTML chúng ta có thể dễ dàng chèn những loại tập tin này vào tài liệu và nó sẽ hiển thị rất là sống động luôn. Lưu ý rằng các tập tin...

Cách sử dụng thẻ tạo liên kết và liên kết neo Một trong những nét đặc trưng của siêu văn bản là có những đường liên kết (link) tới một tài liệu khác thông qua địa đường dẫn đến tài liệu hoặc địa chỉ website. Để tạo ra các đường liên kết trong HTML ta sẽ sử dụng cặp thẻ <a> </a> chứa các tham số...

Cách tạo danh sách (List) Phần tử danh sách (list) được sử dụng rất thường xuyên trong một tài liệu web bằng HTML. Trong một trang web thường người ta sử dụng các phần tử danh sách rất nhiều, chẳng hạn như menu, danh sách những thông tin nào đó,…v…v…đều được tạo ra bởi các thẻ tạo danh sách...

Sử dụng các thẻ định dạng chữ viết và văn bản Bắt đầu từ phần này, chúng ta sẽ cùng nhau làm việc trong cặp thẻ <body> </body> trong tài liệu web HTML để viết nội dung hiển thị ra ngoài website, và đây cũng sẽ là phần mà bạn sẽ làm việc nhiều nhất sau này vì thẻ <head> </head> chỉ cần đụng tới...

Sử dụng các thẻ khai báo thông tin web cơ bản Như ở phần trước thì bạn đã hiểu một tài liệu web bằng HTML hoàn chỉnh sẽ bao gồm 4 phần chính là thẻ khai báo loại tập tin <!DOCTYPE>, thẻ <html>, thẻ khai báo thông tin website <head> và thẻ <body>. Và bên trong cặp thẻ <html> trong tài liệu...