All About Technology - Philiphacker.in
philiphacker
  • P
  • h
  • i
  • l
  • i
  • p
  • h
  • a
  • c
  • k
  • e
  • r
  • .
  • i
  • n
Search
Home
Whats New !

CSS FULL COURSE

css
CSS (Cascading Style Sheet) means, its a heart peice of HTML. Its used to design your boring HTML code into interesting cool looking webpage.
CSS COURSE

INTRODUCTION

Particular HTML tag can be mentioned in CSS by 3 ways..

1) using class
2) using id
3) using direct tag name

In above three example codes. Note that, we used div tag to assign class and id attributes. (you can use class and id in any tag i used div for example)

class="anyname" » here anyname can be anything
id="anyname" » here anyname can be anything But, note that, there must be no space or multiple words in class or id. If you like to use multiple words, instead of using space you can use underscore or dash ( _ or - )

for example,
class name="any_name"
class id="any-name"

STYLE

If you are using css styles in your html page you can directly able to use it. For html coding we use html open and close tag to mention its html code. Like that, for css we use style open tag and close tag to mention it as whatever between it, those are css scripts.

CSS CLASS AND ID

In above given code you can notice css script is given between style tag.

you can notice in first line before sample word there is a dot (.sample) that means its calling a class named sample from html code

you can notice in second line before sample word there is a hash sign (#sample) that means its calling an id named sample from html code

• . dot means class
• # means id

CSS OPEN AND CLOSE BRACE

In above example code, you can notice there is one open brace and close brace. Brace means this symbol { } . Whatever between those open brace and close brace is what css script. Always we need to open brace » type css script » close brace.

SAMPLE CSS

all css codes are under style tag

We used span tag in html with class named "sample".

we called that tag using class in css part with dot

opened brace and closed brace

between those we used color:red; which means we saying to change that text between span tag to red color

"color" used to change text color

what ever after ":" this symbol is the command we saying to act. Here we say color:red; . So, we saying to change tet to red color.

at the end of the line we use ";" this symbol to mention that line is end.

over all code is , color:red;

output will be , Hello text in red color.

COLOR

we can use either color or color code (we can also use more ways but, this both is easy and good to go)

click here for more color codes

COMMENT IN CSS

you can see in about code i used /* and */ to comment. whatever between those two will not be act as script or code. Its just a comments for us (ourself) to understand our own code. Much useful when you use lot lot of scripts like 100+ lines.. Also, useful when someone looking our messy codes. These comments help to understand what we wrote and why we wrote. We can write anything we wish as comments.

ALL OTHER CSS AND EXAMPLES




click here to visit this page for all other css properties
and example for each and everything..



Thank You






Hope you like this page. If you have any opinion, suggestion, doubts, queries or request related to this page feel free to message us on our WhatsApp or Telegram group.


Thank You











facebook_icon telegram-icon youtube_icon twitter_icon instagram_icon