CSS Basics - I
Dear Sciaku Learner you are not logged in or not enrolled in this course.Please Click on login or enroll now button.
If you have any query feel free to chat us!
Happy Coding! Happy Learning!
Lecture 19:- CSS Basics - I
Let's dive into CSS Basics - Part I. CSS (Cascading Style Sheets) is a powerful language used to style and format HTML documents, allowing you to control the appearance of your web pages. In this session, we'll cover the fundamental concepts and syntax of CSS.
CSS Syntax: CSS rules consist of a selector and a declaration block. The selector targets HTML elements, and the declaration block contains property-value pairs.
Using CSS: You can use CSS in three ways:
- Inline CSS: Applying styles directly to an HTML element using the
styleattribute.- Internal CSS: Defining styles within the
<style>element in the HTML<head>section.- External CSS: Linking an external CSS file to the HTML document using the
<link>element.CSS Selectors: CSS uses various selectors to target HTML elements for styling. Some common selectors are:
- Element selector: Targets elements by their name (e.g.,
h1,p,div).- Class selector: Targets elements with a specific class attribute (e.g.,
.class-name).- ID selector: Targets a unique element with a specific ID attribute (e.g.,
#element-id).CSS Properties: CSS properties control various aspects of the appearance of HTML elements. Some common properties are:
color: Sets the text color.font-size: Sets the font size.font-family: Sets the font family.background-color: Sets the background color.margin,padding: Sets spacing around elements.Combining Selectors: You can combine multiple selectors to target specific elements. For example:
This applies the same font family to all
<h1>,<h2>, and<h3>elements.CSS Box Model: The CSS box model defines how elements are rendered with content, padding, border, and margin. Understanding the box model is crucial for layout and positioning.
Units of Measurement: CSS uses different units of measurement, such as pixels (
px), percentages (%), ems (em), and rems (rem). Each unit has its use cases for sizing elements.Inheritance and Specificity: CSS rules can be inherited by child elements from their parent elements. Specificity determines which CSS rule takes precedence when multiple rules target the same element.
Colors and Backgrounds: Learn about color representation in CSS (e.g., hex, RGB, HSL) and how to set background colors and images.
That covers CSS Basics - Part I. With this knowledge, you can start styling your web pages and making them visually appealing. Keep practicing, experimenting with different CSS properties, and combining CSS with HTML and JavaScript to create stunning and responsive web designs!
cssCopy code
h1, h2, h3 { font-family: "Arial", sans-serif; }cssCopy code
/* Selector */ h1 { /* Declaration Block */ color: blue; font-size: 24px; }
- 1. Launching Web Development Master Course MERN Stack Love Babbar
- 2. What is Version Control Git vs GitHub
- 3. How to install Git windows
- 4. How to install Git macOS
- 5. Creating a Git Repository
- 6. Lifecycle of a Change
- 7. Reviewing History in a Git Repo
- 8. Doing your First Commit
- 9. Let's create a Branch, Merge it & Tag a Commit
- 10. Undoing changes in Git
- 11. How to push a Commit GitHub Desktop
Comments: 21
Paid for the course but it still locked, can solve this problem please, when you take the payment the couse should be unlocked, evey time i have to message for any purchase
Now your Paypal payment is accepted and your course is activated successfully. Please leave your valuable feedback.
Why i am being asked for payment if i am already enrolled in the course
Dear anand, your payment is now updated check your course, apologize for several delays. Please leave your valuable feedback.
thanks its working now
hello ,I have a doubt
hello i have a doubt
hi
I'm paying through my Card, but it giving an error. why ? how we can purchase a course in Pakistan. Paypal is banned here
can we download the videos
i done my payment for mern stack development love babbar but cant acces to course kindly give me access
Dear Krishnapal your payment is already accepted go and check back.
Why i am being asked for payment if i am already enrolled in the course
Dear Shivansh, if you already done your payment then contact us on our official Email id [email protected] or reply here.
Why i am being asked for payment if i am already enrolled in the course
Dear p8354046, if you already done your payment then contact us on our official Email id [email protected] or reply here.
Why i am being asked for payment if i am already enrolled in the course
Dear, Don't worry now your problem is solved check your id.
Why i am being asked for payment if i am already enrolled in the course
Yes bro
I'm facing same issue
Dear, Don't worry now your problem is solved check your id.
i want debit card option
how can i assure that this is not scam?
i have same doubt is this website real or a fraud
No its not any fraud. its genuine if you need any proof please contact us via email.
No it's not any scam, its genuine if you need any proof please contact us via email.
how to do payment ?
Click on Watch now button then click next video then payment option is showing
i am unable to access the video even i have already completed my payment .
Your problem is solved
plz add codes lecture wise ! it wold be great and helpful also
now we have added starter package in lecture 2nd, go now and download it.
how to view this one
Why video not play
Now it's working.
Thank you for the access of the videos. It would be greatful if I could no the way to download the videos
Use idm to download
ok
Hello bro can you share course with me?
hello everyone