css for beginners
3.3 (2 ratings)
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.
210 students enrolled
Wishlisted Wishlist

Please confirm that you want to add css for beginners to your Wishlist.

Add to Wishlist

css for beginners

Learn how to use cascading style sheets for making an interactive websites
3.3 (2 ratings)
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.
210 students enrolled
Created by Know Store
Last updated 1/2015
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • html
  • notepad++
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 .
Who is the target audience?
  • this course is for professionals/students who have basic idea of html
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 24 Lectures Collapse All 24 Lectures 01:21:54
+
Introduction
3 Lectures 04:53

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.

Preview 01:56


}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.

syntax
00:58
+
Different type of styles
3 Lectures 14:00

}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>

Preview 08:06

<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

Inline style sheets
02:08

external css
03:46
+
Selectors
3 Lectures 10:20
ids
04:17

classes
02:24

grouping selectors
03:39
+
css layouts and positioning
2 Lectures 04:51
relative positioning
02:56

absolute positioning
01:55
+
Background properties
3 Lectures 08:35
background properties body { background-image:url(the_boxtrolls-1024x768.jpg ); }
background image & attachment
03:27

background properties body { background-image:url(the_boxtrolls-1024x768.jpg ); background-repeat:no-repeat; background-position:200px 300px; }
background color
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

background repeat &position
02:34
+
Text properties
3 Lectures 10: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>

text color &spacing
03:51

<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>

transformation &indentation
05:17

text decoration
01:43
+
Font properties
3 Lectures 10:32
font-weight and styles
02:57

font-size and variant
03:26

font size and family
04:09
+
List styling
2 Lectures 08:25
styling type
06:06

styling image
02:19
+
Box properties
1 Lecture 08:10
border
08:10
+
Thankyou
1 Lecture 01:17
Quiz
6 questions

thanks
01:17
About the Instructor
Know Store
3.9 Average rating
37 Reviews
1,830 Students
6 Courses
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 .