Remove wordpress admin bar css from front end

In WordPress sometimes we see a Bar at the top,its admin bar that’s showing and wordpress add script automatically
in header source code. So we need to remove admin bar css for proper designing.
Here are source code script that we see in header source code :
WordPress injects the following into every page:

You can remove this CSS and the admin bar using the following code which should be placed with your functions.php file: