Central Superior Services (CSS) is a competitive examination held annually in Pakistan to recruit candidates for the civil service of Pakistan. The CSS exam is conducted by the Federal Public Service Commission (FPSC) and is open to all Pakistani citizens who meet the eligibility criteria.
The C...
In this video I am going to teach you CSS from starting to the end. I'm going to explain CSS with the help of
example driven approach. Along with my handwritten notes you will be able to revise anytime. Will start
from the basic CSS and go till the advanced level. Will make a project at end. HTML is just a skeleton layout
of a website. If you want to make an attractive website then you absolutely need CSS. CSS stands for
cascading style sheets. By writing CSS in some sort of syntax we make our HTML look better. It helps to
make our website look beautiful. Your website will work but it will not display a colorful and responsive
layouts. We start by installing VS code. In this tutorial we are going to VS code because it is a source code
editor. Simply, search for install VS code on Google. Open this website and install vs code. Download this if
you 're on windows or install it if you are using mac. If VS code is already installed just like it is in my
machine.
If I open the power-shell by clicking shift and right click. Or you can open the terminal if you are on Linux. I
'll show you the benefits. If you write “ code. ” and click enter. Then that particular folder will open with vs
code. This means I can control this directory from VS code. I can create folders, sub-folders and so on. This
is beneficial. Why learn CSS ? It is a very demanded skill. Many people have learned CSS but only some of
them have mastered it. Today if we want a web developer who is good at CSS. Who can customize any
website. There are very few of them. If you master this skill and prove it to your employer. Then you are
going to win and get the internship or the job. You will get the full explanation when you watch this full
tutorial. If you are using Chrome for learning CSS it will work. But if you are learning CSS then you should
use Firefox. I do n't think in today 's world anyone would recommend Firefox over Google Chrome. But I am
recommending Firefox.
Close Chrome and open chapter 0 in Firefox. In Chapter 0 we talked about writing our first line of CSS. We
switched to the Firefox topic. Quickly I 'll tell you that for adding CSS add tag after title inside head. After
that you can write something like this. You can change the background color of the body to red. The second
way to add CSS is to create a. CSS file. This means that it will be of no use. Save the file using CTRL + S.
After that you ’ll have to use that. Your style-sheet will work. If you have changed the color of the
background to Red, that 's it for now. This will make your page background as Red. We 'll open this folder by
right clicking and selecting open it with vs code. You can extract the files using this zip file. You should
know how to add boilerplate code in html using emmet. If you know why it is not letting me delete this
folder. Please let me know in the comment section why this is happening.
DOM stands for document object model. DOM is constructed as a tree of objects. DOM manipulation means
to change something inside this tree like structure. Add an element to something or change the text. All these
things comes under DOM manipulation. When an HTML element is given an ID. It serves as a unique
identifier for that element. ID is the unique identifier in schools. ID= '' first '' and ID= 'second '' are the names
of elements. You can assign a single class to multiple elements. If inside this div with id = “first ” I write “
first ” In the next div I 'll write second. Then I can not create another element with ID= ” second ” If I make
then it will be wrong. This is because if you assign 2 people the same roll number. A single element can have
multiple classes in the same element. A Class can be there in multiple elements. In the same way we can use
bgblue in different elements. More than one element can belong to a single class. But every element must
have an unique ID and will be used once.
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller murtazakhooharo. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $7.57. You're not tied to anything after your purchase.
