Yes, great and thanks, i would just add that maybe pic are a little bit too much. As people will use many different software, and not only notepad. Assume that people going here know how to do open, edit and save a file. Giving a filename would be more than suficient.
About the question of how to outline css, just put the content between <style></style> in a file named for eg. style.css. then, in the head section of your web page add this link replacing the <style> tag :
