Webkit CSS là gì

Khái niệm về CSS3, giới thiệu một số tính năng mới về CSS và cách đưa tiền tố trình duyệt cho các thuộc tính

Giới thiệu CSS3

CSS3 là chuẩn mới nhất cho CSS, nó tương thích với chuẩn CSS cũ, hầu hết các trình duyệt đều hỗ trợ các tính năng mới trong CSS3.

Bạn đang xem: Webkit là gì

Có một số tính năng mới cho CSS3 là:

Bo trong các đường viền ở 4 góc của box phần tử Bo tròn các góc của ảnh Hỗ trợ nhiều nền trong phần tử Xây dựng phần tử động ... Đổ bóng cho box phần tử với box-shadow Tạo ra gradient với hai kiểu linear và radial Biến đổi phần tử bằng cách quay, dịch chuyển ... Tạo đối tượng động animation

CSS Vendor

Tiền tố CSS vendor là một cách viết CSS cho một loại trình duyệt cụ thể mà nó hỗ trợ các tính năng mới CSS đang trong quá trình kiểm tra, thử nghiệm.

Ví dụ tiền tố cho trình duyệt Safari và Chrome là -webkit

Thuộc tính mới border-radius đã được hỗ trợ trong Chrome, Safari, Mozilla đi kèm với nó là tiền tố trình duyệt.

Xem thêm: Hiệu Ứng Mozart - Sự Thật Về Phép Nhiệm Màu Của Âm Nhạc Mozart

Ví dụ để sử dụng border-radius thì viết CSS với tiền tố như sau:

-webkit-border-radius: 24px;
Sử dụng tiền tố trước các thuộc tính mới nhằm đảm bảo nó làm việc trên các trình duyệt không được hỗ trợ. Như vậy có thể bạn phải định nghĩa nhiều thuộc tính để trang web làm việcnhư nhau trên nhiều trình duyệt khác nhau.

Danh sách tiền tố Browser

-moz- [Firefox] -o- [Opera] -ms- [Internet Explorer] -webkit- [Safari, Chrome]

Bạn cần liên tục cập nhật các thông tin về trình duyệt, khi một trình duyệt hỗ trợ theo đúng chuẩn một thuộc tính nào đó thì bạn có thể loại bỏ tiền tố viết riêng cho trình duyệt đó.

Đăng ký theo dõi ủng hộ kênh

Các đơn vị px em rem mm đo độ dài trong CSS Sử dụng thuộc tính filter trong CSS Sử dụng flexbox bố cục trang trong CSS jQuery và CSS class Hiệu ứng chuyển động trong CSS3 Chiều z của phần tử với thuộc tính z-index CSS Thuộc tính overflow trong CSS Thuộc tính clear trong CSS Thuộc tính float trong CSS Vị trí phần tử position CSS
Thuộc tính z-index [Bài trước]
[Bài tiếp] CSS3 - Bo góc
Giới thiệuPrivacyTừ điển Anh - ViệtChạy SQLRegExpCubic-bezierUnix timestampKý tự HTMLcalories, chỉ số BMRchỉ số khối cơ thể BMITạo QR CodeLịch vạn niên Liên hệ RSS

Đây là blog cá nhân, tôi ghi chép và chia sẻ những gì tôi học được ở đây về kiến thức lập trình PHP, Java, JavaScript, Android, C# ... và các kiến thức công nghệ khácDeveloped by anhhungxadieu.vn