Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

adding resources to css card #27

Merged
merged 1 commit into from
Apr 26, 2023
+17 −8
Merged

adding resources to css card #27

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 17 additions & 8 deletions csscard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,12 @@ <h2 class="logo"><span>CSS/STILLLEARN</span></h2>
</div>
<div class="content1">
<div class="embed-container" style="width: 92%; background-color: grey;;">


<iframe width="560" height="315" src="https://www.youtube.com/embed/Edsxf_NBFrw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/Edsxf_NBFrw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
<header>
Expand All @@ -48,24 +51,30 @@ <h2>Introduction to Css</h2>
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once

Cascading Style Sheet (CSS) is used to set the style in web pages that contain HTML elements. It sets the background color, font-size, font-family, color, … etc. properties of elements on a web page.
Cascading Style Sheet (CSS) is used to set the style in web pages that contain HTML elements. It sets
the background color, font-size, font-family, color, … etc. properties of elements on a web page.
</p>

</section>
<section>
<h2>Getting Started with CSS</h2>
<p>In this article we cover the absolute basics of CSS . CSS, standing for Cascading Style Sheets, is how you tell your browser how to display and style the page. This includes how to layout the page, the color of text, how big the font size is, and much more. Without CSS, the browser would just render HTML documents with the default styles on, but with CSS, we can create magic.
<p>In this article we cover the absolute basics of CSS . CSS, standing for Cascading Style Sheets, is how
you tell your browser how to display and style the page. This includes how to layout the page, the color
of text, how big the font size is, and much more. Without CSS, the browser would just render HTML
documents with the default styles on, but with CSS, we can create magic.

</p>

</section>
<section>
<h2>Resources for Learning Css</h2>
<ul>
<li><a href="https://css-tricks.com/" target="_blank">CSS Tricks Course</a></li>
<li><a href="https://css-tricks.com/" target="_blank">CSS Tricks Course</a></li>
<li><a href="https://www.udemy.com/topic/css/" target="_blank">Udemy css Courses</a></li>
<li><a href="https://web.dev/learn/css/" target="_blank">Web.dev Css learning</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/css" target="_blank">MDN Reference for css</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/css" target="_blank">MDN Reference for css</a>
</li>
<li><a href="https://cssreference.io/" target="_blank">A free visual guide to CSS</a></li>
</ul>
</section>
</main>
Expand Down