Learn CSS3 in urdu _ CSS Syntax _ Lecture #3 _ Nanosoft

Опубликовано: 07 Февраль 2026
на канале: Nanosoft
86
8

like my fb page:   / 932farhan  
follow on twitter:   / 932developer  
website: http://www.thenanosoft.com
Next Lecture#4 Color:    • Learn CSS3 in urdu _ Change Font & Backgro...  
Previous lecture#2 Insert CSS :   • Learn CSS3 in urdu _ How to insert CSS in ...  

In this course we learn three types of language for Web Designing:
1. HTML
2. CSS
3.JavaScript

In this lecture we learn about CSS syntax?
How to write CSS syntax in html ?
How to write css syntax ?
introduction about css syntax ?

========================================
---- CSS Syntax ----

A CSS rule-set consists of a selector and a declaration block.

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

-----------------------------------------------------------------
Selectors
--------------
CSS selectors are used to "find" (or select) HTML elements based on their element id, class, name, attributes, and more.

-------------------------------------------------------------------------
ID Selector
-------------------
The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element should be unique within a page, so the id selector is used to select one unique element!

To select an element with a specific id, write a hash (#) character, followed by the id of the element.

------------------------------------------------------------------------------
Class Selector
----------------------
The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

------------------------------------------------------------------------------
Grouping Selector
-----------------------------
If you have elements with the same style definitions.

It will be better to group the selectors, to minimize the code.

To group selectors, separate each selector with a comma.

------------------------------------------------------------------------------
Declaration Block
----------------------------
Each declaration includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly brackets.

------------------------------------------------------------------------------
CSS Comments
-------------------------
Comments are used to explain the code, and may help when you edit the source code at a later date.

Comments are ignored by browsers.

CSS comment starts with /* and ends with */.

------------------------------------------------------------------------------
External stylesheet link :
( link rel=“stylesheet” href=“style.css” )
Internal stylesheet use with "Style" tag
inline stylesheet use with "style" attribute
==========================================

#Nanosoft #932developer #FarhanEllahi

Upload date: 31-10-2018
==============================
Learn CSS3 in urdu _ CSS Syntax _ Lecture#3 _ Nanosoft

HTML Playlist Link:
   • HTML 5 VIDEO LECTURES PLAYLIST _ NANOSOFT ...  

subscribe my channel:
   / nanosoftofficial  

E-mail:
[email protected]
[email protected]

Nanosoft Official fb page:
  / nanosoft.official  

Twitter Link:
  / nanosoft_pk  

Whatsapp Group:
https://chat.whatsapp.com/E7Ry1RWYb3B...