How do I connect a CSS stylesheet to an HTML webpage? In this lesson, you'll learn:
- The reason we have separate HTML and CSS files
- The purpose of HTML vs the purpose of CSS
- Why it's good to keep content (HTML) separate from presentation (CSS)
By the end of this lesson you'll know how to code:
1. The LINK tag (to connect an external CSS stylesheet to your webpage)
2. The REL and TYPE attributes (to describe the CSS stylesheet)
3. The HREF attribute (to specify where to find the CSS stylesheet)
This is a sample lesson from the online course "Step-by-step HTML and CSS for Absolute Beginners". Learn how to code HTML5 + CSS3 to create your own website in this beginner-level course. No coding experience required! Enroll today at: http://courses.robobunnyattack.com/courses/step-by-step-html-and-css-for-absolute-beginners
Looking for friendly, practical, jargon-free technology training? Visit my website at: http://learn.robobunnyattack.com
Thanks for watching!
- Kathleen, [email protected]
PS Thanks to Reverse Grip for letting me use "Raise Your Fist" as the intro/outro music for this video. You ROCK!! http://reversegriprock.com
Thanks, very helpful but I think you should change the name of this video to How do I connect my CSS stylesheet to my HTML page for beginners. I think you over explained a lot of unnecessary functionalities for those who already has a grasp on how to build a website, I came here for a refresher. But thanks all the same.
Reading some comments and you just can't help people can you! just a huge thanks for the video hun. Great tutorial well put together for people just getting to know the basics...Thanks again. I've sub so please keep it coming...J...Liverpool UK
You want to know how to do this go to bootstrap. This video is hear to explain what to do but at the same time explaining what is going on. This is a big help for beginners like my self. Sorry you don't like it.
Hi Kathleen. Great video! I have a question. I am doing an online course on Udemy on Web Development and I am also minoring in Web Design in college. In the Udemy course, the instructor has created an "index.html" file for the CSS instead of a "style.css" which I've read on different forums is a no-no. I am going to watch the entire section on CSS before I make judgement and ask him but we are only working on individual web pages for projects and not multiple website pages at once so is that why you think he is not creating a separate .css file for the CSS? The Udemy instructor had taught himself web development and everything is going well so far (I created my first web page with basic HTML, which you can view here: http://sites.codeschool.org.uk/?site=nimm21).
I am a beginner with code so I just want to make sure I am not being taught the wrong things. Here is a link to the course where you can see the course content if you'd like: https://www.udemy.com/complete-web-developer-course/ (Scroll down to curriculum if you're just interested in that). I know this is an old video so hopefully you'll answer. Thanks!
Thank you so much for posting this. You made it so simple and easy to understand. I spent considerable time trying to link the html file to the ccc folder and with your tutorial I did it in two minutes. Much appreciate it.
Very nice tutorial, but not exactly what I was looking for. I am currently working on my resume in HTML5 with a stylesheet, which works well when I open it on my own pc. Whenever I mail my HTML file to someone, they'll see the resume, but without styling. Now I was wondering how <link> works when a user does not have access to my local files. I hope I explained my problem well enough.
Dear mom, it's not working !
html workable !
but css don't !
my page background-color is: white;
although, i called him > black <
plz help me
>browser problem ?? (I'm using "fire fox" & "google chrome" !
>and using wordpad++ !!
Whenever I try using a wordpad document it opens, but doesnt' connect the css. Whenever I try doing the same thing with microsoft word, it downloads the document instead of putting it in the browser or whatever. I tried naming the files html and htm, nothing seems to work! help?
+Sunil Yadav um i did what you said because i have the same problem. i have the style.css file in the same folder as my index.html but the html doesnt connect to it. i have double and triple checked the <link> tag but it still wont work
Thank you for your tutorial, I am new to dreamweaver and am in intro webdesign course, I haven't been able to resolve my issue, if you can guide me in the right direction. I have made a stylesheet which is link and uploads in the browser, but when I compress the file to a zip format I lose my styles just the html structure is there. It uploads fine in many browsers before I compress the file to a zip folder. I appreciate any assistance you can give.
you wake up with something after that you know that you did have accomplished different
CSS differs compare to responsibility, relationship or talent. Knowing CSS put your life in style together with your designs which you accomplish through customizing your Web Design skills. And learning CSS is a must to learn first and integrate yourself with basics through gradually progressing with new syntaxes to have your originality or styles.
thank you thank you thank you thank youuuu :) :) reeeally great tutorial you just saved my horrable day . you have a great way of teaching , and i like that you explain every word you type :) now i started to like programming thanks
Learning how to draw cartoon animals from the farm is not such a difficult task! Weve grown up surrounded by them! Farm animals are everywhere: In blockbuster movies, childs books, greeting cards. their shapes and images are printed in our minds!
In this section, I will show you how to determine what are the physical uniqueness of each animal and how to work with them. Then, you can practice drawing each cartoon character using basic shapes.
You will have the opportunity to make nice illustrations, practice sketching and cartooning using short easy lessons and complete your creation using a drawing software to create vector art if you want to! Cartoon drawing is really fun once you get into it!
Dont be afraid to try until you get it right. This method is really simple, but requires practice and observation. So, sit back and relax. Learn how to draw animals from the farm and start your journey on a good note!
Lets try s few basic characters to get started! :)
A cute turkey to begin with.
In this first tutorial, you can learn how to draw a fun turkey mostly made from small rectangles and large circular shapes. The posture of the character is really interesting. Not only is it easier to draw than a front version, but its also easier to add some perspective (as we can see with the legs). The fact that we just need to draw one wing is also interesting.
Most of these cartoon animals are not filled with complex textures or digital effects. In this case, the subject is filled with plain colors and only a few basic details (inside the tail) were added.
A nice turtle also from a side view.