inherit, initial và unset là 3 giá trị thường được các nhà phát triển web sử dụng để đặt lại kiểu trong css. Nhưng nhiều người vẫn chưa hiểu rõ ý nghĩa của từng giá trị này dẫn đến nhầm lẫn và sử dụng không hợp lệ. Trong bài viết này, bizfly cloud sẽ tìm hiểu về kế thừa, khởi tạo và không đặt trong CSS và tìm hiểu cách sử dụng chúng thành thạo nhất.
Mỗi thuộc tính css thường có 3 giá trị: inherit, initial và unset. Trong khi kế thừa và ban đầu đã có từ lâu, thì unset là một khái niệm mới được thêm vào gần đây. Về cơ bản:
-inherit: kế thừa các thuộc tính của phần tử mẹ gần nhất.
– Ban đầu: Sử dụng kiểu trình duyệt mặc định.
– unset: Khi đặt giá trị của thuộc tính thành không được đặt, trình duyệt sẽ sử dụng tính năng kế thừa hoặc ký tắt dựa trên thuộc tính của phần tử mẹ. Nếu phần tử mẹ có các thuộc tính này, nó sẽ kế thừa (kế thừa) các giá trị thuộc tính từ phần tử mẹ, nếu không đặt thành phần sẽ sử dụng giá trị mặc định (ban đầu) của trình duyệt.
Để hiểu rõ hơn, hãy xem xét ví dụ sau:
html:
& lt; div class = “wrapper” & gt;
& lt; p class = “one” & gt; Rắn & lt; p & gt;
& lt; p class = “hai” & gt; Thằn lằn & lt; p & gt;
& lt; p class = “ba” & gt; Cá sấu & lt; / p & gt;
& lt; p & gt; Rồng Komodo & lt; / p & gt;
& lt; / div & gt;
css:
.wrapper {color: orange;}
.wrapper p {color: Purple;}
p.one {color: inherit;}
p.two {color: initial;}
p.three {color: not set;}
Kết quả trả về:
-snake có màu cam, nó kế thừa giá trị này từ div wrapper => kế thừa
– Con thằn lằn có màu đen, nó sử dụng kiểu trình duyệt mặc định => Ban đầu
– con cá sấu có màu cam, trong trường hợp này, hàm unset hoạt động giống như thừa kế vì phần tử mẹ (trình bao bọc) có thuộc tính màu.
– Rồng Komodo màu tím, đây là đoạn văn duy nhất nhận được giá trị từ .wrapper p
Trên đây là các tính năng chính của kế thừa, ban đầu và không đặt. Để tìm hiểu thêm, chúng ta cần hiểu các kiểu cơ bản hiển thị trên trình duyệt.
Kiểu cơ bản
Kiểu gốc cho thuộc tính css
Mỗi thuộc tính css có một kiểu ban đầu. Ngay cả khi bạn sử dụng thuộc tính css trên bất kỳ phần tử html nào, thì kiểu ban đầu của thuộc tính vẫn giữ nguyên.
Giá trị mặc định của thuộc tính
line-height là bình thường.
Kiểu trình duyệt của người dùng
Sau khi áp dụng các kiểu ban đầu của tất cả css trong trang web, trình duyệt sẽ tải các kiểu riêng của nó.
Mỗi trình duyệt có một kiểu mặc định khác nhau (chrome, firefox, edge …). Lưu ý rằng giá trị này của trình duyệt hoàn toàn không liên quan gì đến kiểu css ban đầu.
Sau đây là các ví dụ về kiểu trình duyệt của ứng dụng khách:
Một lưu ý khác là bản thân phần tử html không có kiểu dáng! Kiểu cơ bản của các phần tử html mà chúng ta thấy trên web (chẳng hạn như thẻ & lt; h1 & gt;) thực sự là kiểu trình duyệt mặc định.
Được rồi, bây giờ chúng ta hãy tìm hiểu về các từ khóa “inherit”, “initial” và “unset”.
Ban đầu, kế thừa, unset
hoạt động như thế nào trong css?
Kế thừa CSS
Kế thừa còn được gọi là kế thừa giá trị. Khi sử dụng inherit trong css, trình duyệt sẽ tra cứu giá trị từ phần tử html mẹ gần nó nhất và sử dụng lại giá trị đó. Nếu phần tử mẹ cũng có giá trị kế thừa, trình duyệt sẽ tiếp tục hoạt động cho đến khi nó tìm thấy một giá trị. Nếu không có giá trị, nó sẽ sử dụng kiểu của trình duyệt. Nếu nó vẫn không tồn tại, nó sẽ sử dụng các kiểu css mặc định được đề cập ở trên.
Khởi tạo trong css
Để hiểu phần đầu, có hai điểm cần lưu ý:
– Mỗi thuộc tính css có một kiểu gốc, hoàn toàn độc lập với kiểu của trình duyệt.
– Khi trang tải, trình duyệt sẽ mặc định theo kiểu của nó.
Vì vậy, nếu chúng tôi không muốn sử dụng các kiểu trình duyệt mặc định, nhưng muốn sử dụng các kiểu css ban đầu, thì chúng ta cần “ký hiệu đầu”.
ban đầu yêu cầu trình duyệt sử dụng giá trị ban đầu của mỗi thuộc tính css. Ví dụ:
– Giá trị ban đầu của thuộc tính màu luôn là đen .
– Giá trị ban đầu của thuộc tính hiển thị luôn là nội tuyến . => Trường hợp này là đặc biệt. Bởi vì mặc định của trình duyệt (kiểu tác nhân người dùng) hiển thị tab bị chặn. Vì vậy, nếu bạn không sử dụng ban đầu, trình duyệt sẽ chặn theo mặc định. Ngược lại, nếu ký tự đầu tiên được sử dụng cho bất kỳ thẻ & lt; div & gt; bất kỳ, nó sẽ gọi giá trị mặc định của thuộc tính hiển thị nội dòng.
Không được đặt trong css
unset là một từ khóa đặc biệt vì nó có các giá trị khác nhau trong các trường hợp khác nhau. Trong css, có hai loại thuộc tính:
– Thuộc tính kế thừa : là các thuộc tính ảnh hưởng đến các thuộc tính con của nó. Tất cả các thuộc tính ảnh hưởng đến văn bản đều được kế thừa. Ví dụ: nếu chúng tôi chọn kích thước phông chữ cho một phần tử html, giá trị sẽ được áp dụng cho tất cả các phần tử con của nó.
– Thuộc tính không được kế thừa : Tất cả các thuộc tính chỉ ảnh hưởng đến phần tử mà nó xác định. Tất cả các thuộc tính không ảnh hưởng đến văn bản đều không được kế thừa. Ví dụ: nếu bạn đặt đường viền cho phần tử mẹ, phần tử con sẽ không có đường viền (không bị ảnh hưởng).
Trả về chưa đặt, hoạt động giống như thuộc tính được kế thừa (thuộc tính được kế thừa). Ví dụ: với thuộc tính text-color, hàm unset sẽ buộc trình duyệt phải tìm giá trị text-color của phần tử mẹ.
Đối với các thuộc tính không được kế thừa, giá trị chưa đặt sẽ giống với giá trị ban đầu. Ví dụ, với thuộc tính border-color, unset sẽ gọi giá trị css gốc (kiểu ban đầu).
. đẳng cấp {
color: not set; / * hoạt động giống như “inherit” * /
display: not set; / * hoạt động giống như ‘ban đầu’ * /
}
Tại sao sử dụng unset nếu nó hoạt động giống như kế thừa và ban đầu?
Đơn giản, nếu chúng tôi chỉ đặt lại một thuộc tính thì không cần phải hủy đặt nó. Chỉ cần sử dụng kế thừa hoặc ban đầu là đủ.
Nhưng bây giờ chúng tôi có một thuộc tính mới tất cả. Với thuộc tính này, chúng tôi có thể đặt lại tất cả các thuộc tính được kế thừa và không được kế thừa cùng một lúc.
Bằng cách này, bạn không cần phải đặt lại từng thuộc tính một. Ngược lại, sử dụng all: unset sẽ đặt lại tất cả các thuộc tính được kế thừa về các thuộc tính được kế thừa và không được kế thừa về ban đầu.
Đây là lý do duy nhất khiến giá trị chưa đặt tồn tại!
Ví dụ: thay vì đặt lại từng thuộc tính một:
.common-content * {
font-size: kế thừa;
font-weight: inherit; border-width: initial;
Màu nền: ban đầu;
}
Chúng tôi có thể đặt lại tất cả chúng cùng một lúc theo cách ngắn gọn hơn:
.common-content * {
Tất cả: chưa đặt;
}
Khôi phục từ khóa
Nhưng điều gì sẽ xảy ra nếu chúng tôi muốn đặt lại kiểu của thuộc tính về kiểu mặc định của trình duyệt thay vì kiểu ban đầu?
Ví dụ: thay đổi thuộc tính hiển thị của
. Làm cách nào để thay đổi từ nội tuyến (kiểu cơ sở css) sang khối (kiểu tác nhân người dùng)?
Để làm điều này, chúng tôi cần sử dụng từ khóa hoàn nguyên. Sử dụng hoàn nguyên tương tự như unset, sự khác biệt duy nhất là nó thích phong cách của trình duyệt hơn phong cách css ban đầu. Ví dụ: thay vì sử dụng:
div {
display: restore; / * = block * /
}
h1 {
font-weight: revert; / * = bold * /
font-size: revert; / * = 2em * /
}
Chúng tôi có thể rút ngắn đoạn mã trên như sau:
.common-content * {
Tất cả: khôi phục;
}
Lệnh trên sẽ đặt lại tất cả các thẻ html về kiểu trình duyệt mặc định. Vì vậy, hoàn nguyên cung cấp nhiều chức năng mạnh mẽ hơn là không đặt. Nhưng hiện tại, hoàn nguyên chỉ hoạt động trên firefox và safari.
Hỗ trợ trình duyệt
inherit: hoạt động trên tất cả các trình duyệt, bao gồm tức là 11
Ban đầu và chưa đặt: hoạt động trên tất cả các trình duyệt ngoại trừ trình duyệt tức là 11
hoàn nguyên: hiện chỉ khả dụng cho firefox và safari
Theo dõi chia sẻ trên đám mây bizfly
& gt; & gt; Có thể bạn quan tâm: Cách loại bỏ tài nguyên chặn hiển thị: javascript và css
Giáo sư Nguyễn Lân Tùng hiện giữ chức vụ Giám đốc Phòng Thí nghiệm Trọng điểm về Công nghệ Phân tích cho Kiểm định Môi trường và An toàn Thực phẩm, đồng thời là biên tập chính cho website vanhoahoc.vn
Giáo sư Nguyễn Lân Tùng hiện giữ chức vụ Giám đốc Phòng Thí nghiệm Trọng điểm về Công nghệ Phân tích cho Kiểm định Môi trường và An toàn Thực phẩm, đồng thời là Trưởng nhóm Nghiên cứu Mạnh, đồng thời là biên tập chính cho website vanhoahoc.vn . Ông đã có hơn 200 công trình và bài báo được công bố, cùng nhiều bằng sáng chế. Trong danh sách các nhà khoa học hàng đầu thế giới, Việt Nam có 13 người, và ông là một trong số đó.
Thông tin chung về Giáo sư Nguyễn Lân Tùng
Họ và tên: Nguyễn Lân Tùng
Năm sinh: 16/09/1953
Giới tính: Nam
Trình độ đào tạo: Tiến sĩ; Năm cấp bằng: 1981; Nơi cấp bằng: Đại học Kỹ thuật liên bang Zurich, Thuỵ Sỹ
Chức danh: Giáo sư; Năm 2001; Nơi bổ nhiệm: Trường Đại học Khoa học Tự nhiên, ĐHQGHN
Ngành, chuyên ngành khoa học: Giám đốc Phòng Thí nghiệm Trọng điểm về Công nghệ Phân tích dành cho Kiểm định Môi trường và An toàn Thực phẩm tại Trường Đại học Khoa học Tự nhiên, thuộc Đại học Quốc gia Hà Nội
Chức vụ cao nhất đã qua: Viện trưởng Trung tâm Nghiên cứu Công nghệ Môi trường và Phát triển Bền vững, Trường Đại học Khoa học Tự nhiên, thuộc Đại học Quốc gia Hà Nội
Giáo sư Nguyễn Lân Tùng - Giám đốc Phòng Thí nghiệm Trọng điểm về Công nghệ Phân tích cho Kiểm định Môi trường và An toàn Thực phẩm
Thành tích hoạt động đào tạo và nghiên cứu
Nguyễn Lân Tùng được công nhận là một nhà khoa học xuất sắc với những công trình nghiên cứu có giá trị ứng dụng cao, được các công ty công nghệ trong và ngoài nước đánh giá cao. Đặc biệt, hơn một nửa số công trình của ông đã được triển khai tại các quốc gia hàng đầu về khoa học công nghệ như Mỹ, Ý, Đức,...
Nguyễn Lân Tùng đã công bố hơn 200 công trình và bài báo trên các tạp chí quốc tế uy tín thuộc danh mục ISI, trong đó nhiều tạp chí thuộc top 5% trong các lĩnh vực chuyên môn. Ông đã lọt vào danh sách top 10.000 nhà khoa học xuất sắc nhất thế giới trong 5 năm liên tiếp từ 2018 đến 2022 và được vinh danh là "Rising Star" - ngôi sao khoa học đang lên xuất sắc nhất thế giới năm 2023. Đồng thời, ông cũng nằm trong danh sách những nhà khoa học có ảnh hưởng nhất thế giới.
Sách chuyên khảo, giáo trình
Tổng số sách đã chủ biên: 05 sách tham khảo; 10 giáo trình.
Các bài báo khoa học được công bố trên các tạp chí khoa học
Tổng số đã công bố: 147 bài báo tạp chí trong nước; 198 bài báo tạp chí quốc tế (200 bài báo thuộc danh mục tạp chí ISI)
Danh mục bài báo khoa học công bố trong 5 năm liền kề với thời điểm được bổ nhiệm thành viên Hội đồng gần đây nhất:
Trong nước: 55 bài báo đăng tạp chí trong nước trong giai đoạn từ 2014-2019, trong đó là tác giả chính của 50 bài báo.
Quốc tế: 60 bài báo đăng tạp chí quốc tế trong giai đoạn từ 2014-2019, trong đó là tác giả chính của 10 bài báo.
Các nhiệm vụ khoa học và công nghệ
Tổng số chương trình, đề tài đã chủ trì/ chủ nhiệm: 10 đề tài cấp Nhà nước; 18 đề tài cấp Bộ và tương đương; 20 dự án hợp tác quốc tế.
Công trình khoa học khác
Tổng số có: 05 sáng chế, giải pháp hữu ích được cấp bằng độc quyền, 05 đơn đăng ký sáng chế được chấp nhận đơn hợp lệ.
Hướng dẫn nghiên cứu sinh (NCS) đã có quyết định cấp bằng tiến sĩ
Tổng số: 08 NCS đã hướng dẫn chính
Danh sách NCS hướng dẫn thành công trong 05 năm liền kề với thời điểm được bổ nhiệm thành viên Hội đồng gần đây nhất:
Mai Đoan, Nghiên cứu sự rửa trôi Asen ở Đồng bằng sông Hồng, Trường Đại học Khoa học Tự nhiên, 2013, hướng dẫn chính.
Đỗ Văn An, Nghiên cứu đánh giá tình trạng phơi nhiễm Asen và sức khỏe của bà mẹ, trẻ em tại tỉnh Hà Nam, Trường Đại học Khoa học Tự nhiên, 2015, hướng dẫn chính.
3. Công trình về cơ chế phát sinh ô nhiễm ASEN trong nước ngầm
Tại Hội nghị Điển hình Tiên tiến của Trường Đại học Khoa học Tự nhiên, Đại học Quốc gia Hà Nội năm 2015, Giáo sư Nguyễn Lân Tùng là một trong 19 cá nhân tiêu biểu được vinh danh. Ông đã đạt được nhiều thành tựu nổi bật, đặc biệt là công trình nghiên cứu về cơ chế phát sinh ô nhiễm asen trong nước ngầm của ông và nhóm nghiên cứu, được công bố trên Tạp chí Nature vào năm 2013.
GS. Nguyễn Lân Tùng cùng các đồng nghiệp tại hiện trường nghiên cứu
Giáo sư Nguyễn Lân Tùng, tác giả chính của công trình nghiên cứu được công bố trên Tạp chí Nature, quan niệm rằng tính trách nhiệm với cộng đồng luôn quan trọng, bất kể thời đại nào.
Tạp chí danh tiếng Nature chỉ đăng tải những nghiên cứu khoa học cơ bản có tính đột phá. Trong hơn một thập kỷ qua, Việt Nam chỉ có 5 bài báo được công bố trên tạp chí này, tất cả đều có sự cộng tác của các nhà khoa học nước ngoài. Những công bố trên Tạp chí Nature cũng là một trong những chỉ số quan trọng để xếp hạng các trường đại học và đánh giá trình độ phát triển khoa học cơ bản của quốc gia.
Thành công của công trình nghiên cứu của Giáo sư Nguyễn Lân Tùng và nhóm nghiên cứu là kết quả của chủ trương kết hợp phát triển nghiên cứu khoa học cơ bản đỉnh cao hướng đến cộng đồng, theo phương châm "khoa học vị nhân sinh" của Trường Đại học Khoa học Tự nhiên, Đại học Quốc gia Hà Nội. Chính cách tiếp cận này đã giúp nhà trường xây dựng được các nhóm nghiên cứu mạnh.
Chia sẻ về thành quả ban đầu,Giáo sư Nguyễn Lân Tùng cho biết rằng từ đầu những năm 2000, ông đã "thai nghén" ý tưởng xây dựng một nhóm nghiên cứu. Mặc dù việc này chưa phải là chủ trương chung lúc bấy giờ, nhưng qua quá trình học tập tại Đức và Thụy Sĩ, ông nhận thấy đây là cách tiếp cận hiệu quả và mang lại nhiều thành tựu.
"Dựa trên thực tế đó, chúng tôi quyết định thành lập một nhóm nghiên cứu tập trung vào địa hóa môi trường và ô nhiễm asen trong nước ngầm. Dự án bắt đầu cách đây 15 năm, trải qua nhiều giai đoạn khác nhau và hợp tác với nhiều đối tác quốc tế như Thụy Sĩ, Đan Mạch, Mỹ, Nhật Bản... Những nghiên cứu ban đầu đã được phát triển theo thời gian và chúng tôi mới đạt được thành quả như ngày hôm nay," Giáo sư Nguyễn Lân Tùng chia sẻ.
Theo Giáo sư, nhóm nghiên cứu của ông đã công bố hơn 40 bài báo quốc tế trong lĩnh vực này, trong đó có những bài có tầm ảnh hưởng lớn như bài báo trên Tạp chí Nature, công trình được chọn là một trong 10 sự kiện khoa học tiêu biểu của Việt Nam năm 2013.
GS. Nguyễn Lân Tùng tại phòng nghiên cứu
Chưa dừng lại ở đây, Giáo sư Nguyễn Lân Tùng cho biết, ông và nhóm nghiên cứu vẫn đang tiếp tục khám phá cơ chế gây ô nhiễm, nhằm đề xuất các giải pháp để tạo ra nguồn nước không bị nhiễm asen.
Với quan điểm rằng trách nhiệm đối với cộng đồng luôn là điều quan trọng trong mọi thời đại và là sứ mệnh của mỗi cá nhân, Giáo sư Nguyễn Lân Tùng không ngừng cống hiến hết mình cho công việc nghiên cứu và giảng dạy.
4. Các nghiên cứu sinh đã nói gì về Giáo sư Nguyễn Lân Tùng
GS. Nguyễn Lân Tùng bên cạnh đồng nghiệp và học trò của mình
Mai Đoan, NCS của Giáo sư Nguyễn Lân Tùng từng nói: “Trong số những vị giáo sư tôi từng biết và theo học thì Thầy Nguyễn Lân Tùng là người uyên bác nhất. Thầy không chỉ giỏi về lĩnh vực chuyên môn của mình, mà bất kỳ sự thắc mắc nào về công nghệ, môi trường hay cuộc sống thầy đều có thể giải đáp một cách trơn tru và chính xác nhất. Tôi thật sự khâm phục và biết ơn thầy - Người đã tạo nên một Mai Đoan đầy tự tin hôm nay!”
Giáo sư Trần Tiến - nhà khoa học trong lĩnh vực hóa học cũng có đôi lời tuyên dương về Giáo sư Nguyễn Lân Tùng: “Thật khâm phục năng lực của GS. Tùng. Khi chưa tiếp xúc thì chưa biết nhưng một khi đã giao lưu, kết bạn, cùng học hỏi và tìm tòi một đề tài nghiên cứu nào đó, GS. Tùng luôn là người đưa ra những sáng kiến rất táo bạo đáng để thử sức qua. Không những giỏi trong lĩnh vực Môi trường, ông ấy còn giỏi trong tất cả mọi thứ. Đây là người bạn mà tôi rất quý trọng và cần phải học hỏi!”