What is a webkit in css and how do you use it

Question

question as title, thanks

Answer 1

All web browsers use an engine, which is the component that is responsible for rendering the content, I mean, for what is seen in the browser.

NOT all web browsers use the same rendering engine. Safari and Chrome browsers use the WebKit engine. Opera uses Presto engine, Firefox uses Gecko engine, and so on.

Due to different web browser rendering engines there are compatibility issues for content layout. Therefore, if you want your website to be seen properly across different web browsers, in this particular case, in Safari and Chrome, then you must use the webkit module: -webkit-

This -webkit- code will be applied on those browsers using the WebKit engine, and will be ignored by other web browser rendering engines.

You can take a look at one of my codes here at SoloLearn where I used the corresponding modules for different rendering engines:

-webkit- for Chrome and Safari
-o- for Opera
-moz- for Mozilla Firefox

https://code.sololearn.com/WZldJHoR7mkY/?ref=app

Answer 2

hahahah yeah @Abner 😂 all I know IE uses the Trident engine and the module in CSS for it is -ms- but I don't even bother to include it in my codes 😅

Answer 3

I love to see that nobody cared to mention IE.
Screw Microsoft.

Answer 4

@Abner 😂😂😂😂 don't forget to add this in your code: alert("Hello\nScrew Microsoft!"); 😄

Answer 5

-webkit- is a vendor prefix used for calling a CSS method, which is not oficially implemented in the browser yet.

different vendor prefixes are used for different browsers. You should use them with new methods of CSS, as i said above.

I'm pretty sure you can find more explanation on the HTML fundamentals course too.

Answer 6

@Paola, when I start writing my own pages I'll follow these lines "if you use IE you're not worthy of visiting my pages" xD