[HTML/CSS] onMouseOver và onMouseOut

[HTML/CSS] onMouseOver và onMouseOut Tháng Bảy 26, 2014 nguyenvanquan7826 Z- Thể loại khác Leave a response Đôi khi các bạn thấy trong các website khi đưa chuột qua icon thì nó đổi màu nền hoặc là đổi ảnh khác. Để làm như vậy ...

Vũ Văn Thanh viết 3 tuần trước

HTML CSS phần 1

Hướng dẫn cơ bản cho những người mới bắt đầu học html CSS

Điệp Bắp viết 23:16 ngày 07/09/2018

Đơn vị trong HTML & CSS

Đơn vị trong HTML & CSS Đơn vị Mô tả % Phần trăm cm centimeter in inch(1 inch = 2.54 cm) mm millimeter em 1em ngang bằng với kích cỡ font hiện hành, 2em = 2 lần kích cỡ font hiện hành. vd : một thành phần được thiết lập font là 12pt, vậy 2em bằng với ...

Hoàng Hải Đăng viết 11:28 ngày 18/08/2018

Màu trong HTML & CSS

Màu trong HTML & CSS Màu trong HTML & CSS được xác định theo các cách sau: Xác định màu theo hệ thập lục phân - HEX Xác định màu theo kết hợp màu RGB Xác định màu theo tên tiếng anh Xác định màu theo hệ thập lục phân - HEX HEX là viết tắc của từ "hexadecimal". ...

Tạ Quốc Bảo viết 11:24 ngày 18/08/2018

Định dạng CSS mặc định của các phần tử HTML

Phần tử Định dạng CSS mặc định a:link color: (internal value); text-decoration: underline; cursor: auto; a:visited color: (internal value); text-decoration: underline; cursor: auto; a:link:active color: (internal value); a:visited:active ...

Trịnh Tiến Mạnh viết 11:13 ngày 18/08/2018

Cách tạo góc bo tròn cho phần tử HTML bằng CSS

Thuộc tính border-radius dùng để tạo góc bo tròn cho các phần tử, hình ảnh,..... Cách tạo góc bo tròn cho phần tử Một phần tử luôn có bốn góc ở bốn vị trí như sau: top-left top-right bottom-left bottom-right Để tạo góc bo tròn cho phần tử dựa theo từng vị trí ...

Hoàng Hải Đăng viết 11:11 ngày 18/08/2018

Các phương thức dùng để thao tác với HTML & CSS

Xem theo thứ tự từ điển Xem theo nhóm chức năng Phương thức Mô tả addClass() - Thêm tên lớp vào giá trị thuộc tính class của phần tử after() - Thêm nội dung phía sau phần tử append() - Thêm nội dung vào vị trí cuối cùng bên trong phần nội dung của phần tử appendTo() ...

Trịnh Tiến Mạnh viết 10:58 ngày 18/08/2018

Hiện ẩn phần tử HTML bằng thuộc tính Display trong CSS

Thuộc tính display dùng để chỉ định phần tử sẽ được hiển thị như thế nào (Ví dụ: ẩn phần tử, hiện phần tử, ép phần tử sang kiểu khối, ép phần tử sang kiểu nội tuyến,....) Kiểu phần tử khối (Block Element) Một phần tử khối luôn được bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng ...

Bùi Văn Nam viết 10:54 ngày 18/08/2018

Thiết lập kích thước cho phần tử HTML bằng CSS

Thiết lập chiều rộng và chiều cao Thuộc tính awidth dùng để thiết lập chiều rộng cho phần nội dung của phần tử. Thuộc tính height dùng để thiết lập chiều cao cho phần nội dung của phần tử. Lưu ý: Chiều rộng và chiều cao không bao gồm phần padding, border, margin. Hình ...

Hoàng Hải Đăng viết 10:52 ngày 18/08/2018

Cách sử dụng CSS trong trang web HTML

Khái niệm property, value, selector Property là thuộc tính của phần tử HTML, ví dụ: font-size (kích cỡ chữ của phần tử) color (màu chữ của phần tử) background-color (màu nền của phần tử) ..... Value là giá trị của thuộc tính. Selector (bộ chọn) là phần tử mà bạn muốn định ...

Bùi Văn Nam viết 10:46 ngày 18/08/2018

Cách sử dụng CSS trong HTML

CSS là gì? CSS (Cascading Style Sheets) là một ngôn ngữ dùng để định dạng cho các phần tử HTML (Ví dụ: chỉnh kích cỡ chữ, chỉnh font chữ, màu chữ, màu nền, hình nền, đường viền,....) dựa trên các cặp thuộc tính:giá trị thuộc tính Với việc sử dụng CSS, ta có thể định dạng ra các phần tử HTML ...

Hoàng Hải Đăng viết 10:38 ngày 18/08/2018

Mẹo tối ưu hóa HTML/CSS/JS

Tối ưu hóa trâng web là một điều mà mọi lập trình viên đều hướng đến , điều này giúp cho trang web của bạn cải thiệu hiệu năng , giảm thời gian chờ và được ưu tiên trong các bộ máy tìm kiếm ... ví dụ như của Google </p> <div class= Tạ Quốc Bảo viết 18:25 ngày 12/08/2018

Tạo đám mây xoắn ốc với HTML/CSS

Trong bài viết này tôi sẽ giới thiệu tới các bước để tạo đám mây hình xoắn ốc chỉ với HTML/CSS, kết quả như hình dưới đây : Mã HTML Cấu trúc HTML như sau: <div class="wrapper"> <i /> <i /> ... <i /> </div> Cần 1 thẻ div để chứa, và 62 thẻ i ...

Bùi Văn Nam viết 18:03 ngày 12/08/2018

5 tính năng HTML & CSS được trông đợi trong năm 2018

Html và Css luôn luôn phát triển theo theo gian, và theo sự phát triển đó thì nó cũng cung cấp cho các Frontend & Web Designer rất nhiều những tính năng mới. Native < dialog > Thẻ <dialog> được phát hành trong phiên bản Html 5.2 trong năm 2017, phần tử <dialog> cung ...

Hoàng Hải Đăng viết 17:48 ngày 12/08/2018

Tạo terminal commands line với HTML/CSS

Trong bài viết này tôi sẽ giới thiệu tới các bước để tạo terminal commands line chỉ với HTML/CSS, kết quả như hình dưới đây : Mã HTML Cấu trúc HTML như sau, mình giải thích trong comment. <div class="terminal-menu"> <div class="terminal-buttons terminal-close"></div> ...

Bùi Văn Nam viết 17:05 ngày 12/08/2018

Đếm trạng thái HTML Thay đổi Thời gian thực với CSS

Đếm là một công việc phổ biến trong các ứng dụng web. Bạn có bao nhiêu email chưa đọc? Có bao nhiêu nhiệm vụ không được chọn trong danh sách việc cần làm của bạn? Bao nhiêu miếng bánh được đóng gói trong giỏ hàng? Tất cả là những câu hỏi quan trọng mà người sử dụng xứng đáng nhận được. Vì vậy, ...

Tạ Quốc Bảo viết 17:05 ngày 12/08/2018

Làm thế nào để viết một ứng dụng Todo App với HTML và CSS mà không sử dụng JavaScript

Đúng với cái tên của nó, Todo app là một ứng dụng cho phép bạn tạo ra các công việc bạn cần làm. Qua đó giúp cho bản thân chúng ta biết chính xác việc tiếp theo cần đạt được và cũng biết chính xác những việc mà mình đã hoàn thành tránh tình trạng bị mất phương hướng trong quá trình làm việc. Trong ...

Trịnh Tiến Mạnh viết 16:50 ngày 12/08/2018

Giới thiệu HTML, CSS & JS

HTML Lịch sử Thuở sơ khai của internet mọi người thường chia sẽ tài liệu văn bản cho nhau thông qua một giao thức nào đó. Người nhận sẽ tải tệp tin về máy tính và đọc tệp tin bằng chương trình tương ứng. Đến khi World Wide Web ra đời việc chia sẻ, xem, chỉnh sửa các tài liệu văn bản có thể ...

Hoàng Hải Đăng viết 16:26 ngày 12/08/2018

Tạo slider chỉ với HTML và CSS

Giới thiệu Có rất nhiều thư viện Javascript để tạo slider. Trong bài viết này mình sẽ giới thiệu tới các bạn cách để tạo một slider đơn giản chỉ với mã HTML và CSS. Bắt đầu HTML <div class="slider"> <div class="slide" id="slide-1">1</div> <div class="slide" ...

Hoàng Hải Đăng viết 16:15 ngày 12/08/2018

Tạo hình với HTML và CSS

Xin chào mọi người. Chắc hẳn mọi người đã khá quen thuộc với trò xé dán giấy của các bé tiểu học. Trong post này, mình xin giới thiệu 1 chủ đề tương tự, khá đơn giản nhưng cũng rất thú vị: Tạo hình bằng HTML & CSS. Bằng những hình khối rất đơn giản: hình vuông, hình tròn, tam giác,... chúng ...

Bùi Văn Nam viết 15:50 ngày 12/08/2018

Một số mẹo tối ưu hóa HTML/CSS/JS đúng chuẩn

Tại sao phải tối ưu hóa trang web? Nếu bạn không muốn mất tiền, mất traffic thì việc tối ưu hóa là lẽ đương nhiên. Theo thống kê của Oreilly: Bing sẽ làm bạn mất 4.3% doanh thu/user nếu như trang của bạn chậm hơn 2s so với trung bình. Google sẽ giấu mất 0.59% số lượng kết quả tìm kiếm/user nếu ...

Tạ Quốc Bảo viết 15:28 ngày 12/08/2018

Làm app android từ css, html và js bằng PhoneGap

Mở đầu Xin chào các bạn, tình hình là mình muốn làm client là 1 app android cho dự-án-(cực)-nhỏ-làm-lúc-rảnh-rỗi của mình (vẫn chưa bắt đầu </p> <div class= Hoàng Hải Đăng viết 13:29 ngày 12/08/2018

Tìm hiểu về HTML và CSS cơ bản (phần 1)

1. Định nghĩa về HTML và CSS HTML (HyperText Markup Language) : là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web, nghĩa là các mẩu thông tin được trình bày trên World Wide Web. CSS (Cascading Style Sheets) : định nghĩa về cách hiển thị của một tài liệu HTML. CSS đặc biệt hữu ...

Hoàng Hải Đăng viết 23:43 ngày 11/08/2018

Chỉ biết HTML CSS có chế được giao diện blog Github không

Được và rất dễ. Bắt đầu từ mớ lằng nhằng: blog Github chạy bằng Jekyll, để cài Jekyll phải dính líu đến Ruby và gem, để viết blog Jekyll phải biết Liquid, trong Liquid lại đá tí YAML,... không ai có thời gian trải qua bao nhiêu trắc trở như vậy chỉ để làm một cái blog đơn giản cả. Nhưng ...

Tạ Quốc Bảo viết 21:27 ngày 11/08/2018

Tư duy CSS không giống tư duy HTML

Ai cũng học HTML trước CSS. Nên cách viết CSS của họ có thể bị ảnh hưởng bởi cách viết HTML. Đó là như thế nào? Hãy nhìn vào css sau đây và bạn thấy gì? header nav ul li a { color: red; text-transform: uppercase; font-weight: bold; } Một cái selector dài lê ...

Tạ Quốc Bảo viết 21:26 ngày 11/08/2018

Tạo list icon cảm xúc facebook chỉ với html/css !

Intro Series khởi tạo list icon cảm xúc của Facebook Thường thì chúng ta hay sử dụng các icon cảm xúc của facebook và nghĩ rằng có lẽ nó viết bằng javascript, thì thật ra cũng có javascript vào chổ đó nhưng ít thôi. Còn ở series này chúng ta sẽ đi tìm hiểu việc tạo ra list icon này chỉ ...

Bùi Văn Nam viết 21:24 ngày 11/08/2018

Cách tạo 1 Hybird App sử dụng HTML, CSS, JS

Có bao giờ bạn có suy nghĩ là sẽ cho ra đời 1 sản phẩm app sử dụng những ngôn ngữ của web (HTML, CSS, JS) chưa. Dùng ngôn ngữ của web để xây dựng nên 1 mobile app --> cái này gọi là Hybrid app ( nôm na là giao thoa giữa mobile web app và native app) Hiện nay thì có nhiều framework hỗ trợ cho ...

Tạ Quốc Bảo viết 21:22 ngày 11/08/2018

[Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng HTML-CSS-JS [Phần 2 - hoàn tất]

Tuần trước mình đã bắt tay vào làm thử app theo ý tưởng clone chương trình "Ai là triệu phú" trên TV, với các chức năng cơ bản, chỉ sử dụng HTML & CSS & javascript ( có dùng thêm thư viện jquery và bootstrap ). [Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng ...

Tạ Quốc Bảo viết 20:13 ngày 11/08/2018

[Hack Time] Viết ứng dụng tạo trò chơi "Ai là triệu phú" bằng HTML&CSS&JS [Phần 1]

Chào cả nhà, lại là mình đây, đây là tuần thứ 3 và 2 tuần trước, mỗi cuối tuần mình có post một bài về một ứng dụng mà mình tự làm chỉ hoàn toàn bằng HTML&CSS&JS, có sử dụng thư viện jquery [Hack Time] Tạo ứng dụng Yes/No Selector bằng JavaScript thuần và jquery ( tạm gọi là tung đồng ...

Bùi Văn Nam viết 20:00 ngày 11/08/2018

Bài 08: Sử dụng CSS tùy chỉnh giao diện HTML

Theo mặc định giao diện của các thẻ HTML sẽ không đẹp và không thể nào làm giống như giao diện trong file PSD được, vì vậy ta phải sử dụng thêm ...

Tạ Quốc Bảo viết 09:41 ngày 03/08/2018