css for beginners

Learn how to use cascading style sheets for making an interactive websites
4.0 (1 rating) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
209 students enrolled
$20
Take This Course
  • Lectures 24
  • Contents Video: 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

use code get50 to get 50% discount

  1. Cascading style sheets are the text files that contain one or more rules in the form of property/value pairs for determining how elements in a webpage should be displayed. the use of css in a web page enables the separation of content from presentation elements ,which includes layout ,color and fonts used in a webpage.
  2. You'll learn about basic concepts of style sheet
  3. You'll learn how to work with different type of style sheets to present the elements on the web page
  4. You will be exposed with working of different type of css properties: background properties, text properties, font properties, list properties ,box properties etc.
  5. the best way to do this course is to practise more and more while watching videos . By the end of this course,you can create a beautiful and presentable websites using html and css tools .

What are the requirements?

  • html
  • notepad++

What am I going to get from this course?

  • know the concepts of css and it's application
  • design a complete webpage which is more presentable
  • by the end of this course,you will be able to complete the front end web development using css

What is the target audience?

  • this course is for professionals/students who have basic idea of html

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
01:56

Cascading style sheets are the text files that contain one or more rules in the form of property/value pairs for determining how elements in a webpage should be displayed.

the use of css in a web page enables the separation of content from presentation elements ,which includes layout ,color and fonts used in a webpage.

Advantages of using css
Preview
01:59
00:58

}Syntax of css will look like this:

Selector

{

property1:property-value;

Property2:property-value;

Property3:property-value;

----------------------

------------------------

}

}In the above syntax, selector are the elements on which css rule will work.

}Property1,property2 are the attribute for the selector and property-value are the values assigned to that property.

Section 2: Different type of styles
08:06

}In this type of style sheets , styles are created inside an html document rather than separate document

}It is created using <style> tag and is generally placed inside <head> tag.

}Syntax:

}<head>

}<style>

Selector

{

property1:property-value;

Property2:property-value;

Property3:property-value;

----------------------

------------------------

}

}

}</style>

}</head>

02:08

<html>

<head>

<title>inline style sheets</title>

</head>

<body>

<p style="background:red;font-size:15px;word-spacing:20px;">hello this is the tutorial for embedded style sheets.</p>

<i style="letterspacing:5px;background:yellow;font-weight:bold">hello this is the tutorial for embedded style sheets.</i>

</body>

</html

external css
03:46
Section 3: Selectors
ids
04:17
classes
02:24
grouping selectors
03:39
Section 4: css layouts and positioning
relative positioning
02:56
absolute positioning
01:55
Section 5: Background properties
03:27
background properties body { background-image:url(the_boxtrolls-1024x768.jpg ); }
02:34
background properties body { background-image:url(the_boxtrolls-1024x768.jpg ); background-repeat:no-repeat; background-position:200px 300px; }
02:34
background properties body { background-image:url(the_boxtrolls-1024x768.jpg ); background-repeat:no-repeat; background-position:200px 300px; background-attachment:fixed; } h1 { position:absolute; top:1200px; left:300px; }

tutorial for background attachment

Section 6: Text properties
03:51

<html>

<head>

<title>text properties</title>

<style>

p

{

color:red;

word-spacing:20px;

letter-spacing:10px;

}

</style>

</head>

<body>

<p>jhfbwej kfbwejkfbwj fwjfhwkejr kudjhcbaejk.</p>

</body>

</html>

05:17

<html>

<head>

<title>text properties</title>

<style>

p

{

text-transform:capitalize;

line-height:30px;

text-indent:10%;

}

</style>

</head>

<body>

<p>tutorial for text transform<br>djskncsdj kbvsjkfbv jksfvj<br>jsdkvjk sdvjkkbsd sdvkjsk</p>

</body>

</html>

text decoration
01:43
Section 7: Font properties
font-weight and styles
02:57
font-size and variant
03:26
font size and family
04:09
Section 8: List styling
styling type
06:06
styling image
02:19
Section 9: Box properties
border
08:10
Section 10: Thankyou
Quiz
6 questions
thanks
01:17

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Know Store, Learn To Excel

KnowStore is dedicated towards new ways of teaching , which will help the learners to analyse and explore the real world scenario , and therefore they can apply their learnings in solving the complex problems using their cognizance .

Currently we have students from around 105 countries and we have been constantly appraised for our work .

We offer wide range of courses including game development , web development , circuit board layout designing and python programming language . We are working on some other courses and we are planning to bring more and more courses in future .

While maintaining the quality of the course , at the same time we keep in our mind that our courses should be economical .

The aim of KnowStore is to provide high quality courses . And you will get everything from one place. The emphasis is on teaching real life skills that are essential in today's commercial environment .

Ready to start learning?
Take This Course