How to get css from specified element of web page

html css web-developer-toolbar
Dusan picture Dusan · Aug 23, 2013 · Viewed 11.6k times · Source

I always wanted to know how to get css code from specified element of a web page Some web sites have a elements that I like and want to add into my localhost page, for example: menu bar.I use inspect element in Google Chrome and I know how to get html code but now css of the element. I looked at apple.com and I want to add that menu bar to my localhost sites.This is class for menu bar <div class="globalnav-wrapper">

Can you help me to get css code of this menu?My english is not got at all but I think you understand me.

Answer

Deepak D picture Deepak D · Aug 23, 2013

navigate to resources tab after pressing F12 in chrome and then expand directory tree there you will see css right click on it and choose save or save as

Related questions

How to edit and see live CSS effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function?

How to edit and see css effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function? Where is similar function in IE8 developer toolbar or does any other IE plugin have this type functionality?

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More