Skip to main content

CSS - basic Syntax in hindi/Urdu


Selector is Element Name or Class Name or id Name

Selector As Element Name : All HTML Elements. For Example, h1, p, b, strong, i
Selector As Class Name : .class_name. For Example, .myclass,
Selector As id Name : #id_name

CSS เค•ा Syntax เคฏे selector เค”เคฐ เค‰เคธเค•े declaration เค•े เคธाเคฅ เคนोเคคा เคนै | Selector เคฏे HTML เค•ा element name, class name เคฏा id name เคนो เคธเค•เคคा เคนै เค”เคฐ declaration เคฎें CSS Properties เค”เคฐ เค‰เคจเค•ी values เคนोเคคी เคนै |

Syntax1 for CSS

selector{ property : value; }

Simple Example for CSS Syntax1

Example เคชเคฐ single css property เค•े เคฒिเค single value เคฆी เคนुเคˆ เคนै | single value เคฏे เคธเคญी css properties เค•े เคฒिเค เคนोเคคी เคนै |


h1{ color : red; }

Hello World


Syntax2 for CSS

selector{ property : value1 value2 value3; }

Simple Example for CSS Syntax2

Example เคชเคฐ css property เค•े เคฒिเค เคเค• เคธे เคœ्เคฏाเคฆा values เคฆी เค—เคฏी เคนै | multiple values เคฏे CSS เค•े เค•ुเค› properties เค•े เคฒिเค เคนी เคฆी เคœाเคคी เคนै |


table{ border : 1px red solid; }

Grouping Selectors

Example เคชเคฐ multiple selectors เค•े เคฒिเค single style เคฆी เค—เคฏी เคนै |
b, strong, i, p{ color:red; }

Multiple Styles for Single Selector

Example เคชเคฐ multiple styles เคเค• selector เค•ो เคฆी เค—เคฏी เคนै |
h1{
 color:blue;
 font-weight:normal;
 font-size:30px;
}

Universal Selector

'*'(asterisk) เค•ो CSS เคฎें Universal Selector เค•เคนा เคœाเคคा เคนै | เคฏे selector HTML เค•े เคธเคญी elements เค•े เคฒिเค เคนोเคคा เคนै |
*{ color:blue; }

Class Selector

HTML Element เค•े class attribute เคชเคฐ เคฆी เคœाเคจेเคตाเคฒी value เคฏे class selector เคนोเคคा เคนै | เคจिเคšे class selector เค•े เคฒिเค เค•ुเค› styles เคฆी เค—เคฏी เคนै |
.myclass{ 
 color:red;
 font-size:20px; 
}

id Selector

HTML Element เค•े id attribute เคชเคฐ เคฆी เคœाเคจेเคตाเคฒी value เคฏे class selector เคนोเคคा เคนै | เคจिเคšे id selector เค•े เคฒिเค เค•ुเค› styles เคฆी เค—เคฏी เคนै |
.myid{ 
 color:red;
 font-size:20px; 
}

CSS Combinators เคฏे topic CSS Selector เคธे เคธंเคฌंเคงिเคค เคนै |

Comments

Popular posts from this blog

CSS - CSS Fonts in hindi, css font kya h,css font use kese kre,hindi me Technamdev.blogspot.com

CSS Fonts Properties เคธे text/content เค•े font เค•ो set เค•िเคฏा เคœाเคคा | เค‡เคจ properties เคฎें content เค•ो bold, italic, font size เค”เคฐ เค…เคจ्เคฏ เคช्เคฐเค•ाเคฐ เคธे styling เค•ी เคœाเคคी เคนै | CSS Font Generic Name and Font Family Name Font Generic Name Font Families เค•ा group เคนोเคคा เคนै | เคœैเคธे เค•ि, Sans-serif(generic) เคนै เค”เคฐ เค‰เคธเค•े เค…ंเคคเคฐ्เค—เคค Arial, Arial Black, Agency FB, BankGothic, Calibri เค”เคฐ เค†เคฆि เค•เคˆ Fonts เคนोเคคे เคนै | Font Family Name เคฏे simple fonts name เคนोเคคे เคนै | เคœैเคธे เค•ि Arial, Arial Black, Agency FB, BankGothic, Calibri, เค”เคฐ เค†เคฆि เค•เคˆ | Agency FB Antiqua Architect Arial bankFuturistic BankGothic Blackletter Blagovest Calibri Comic Sans MS Courier Cursive Decorative Fantasy Fraktur Frosty Garamond Georgia Helvetica Impact Minion Modern Monospace Open Sans Palatino Roman Sans-serif Serif Script Swiss Times Times New Roman Verdana Most used Web Safe Font...

Create a Responsive Login Form in HTML and CSS in Hindi

Create a Responsive Login Form in HTML and CSS in Hindi                                                              Login Form in HTML and CSS In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step. As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi. Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi. background-image: linear-gradient(to top right,...

Introduction for PHP in Hindi - PHP in Hindi

                                Introduction for PHP in Hindi - PHP in Hindi PHP in Hindi PHP เค•्เคฏा เคนै ? PHP เคฏे เคเค• open-source server-side scripting Language เคนै เคœो Web Application เคฌเคจाเคจे เค•े เคฒिเค เค‡เคธ्เคคेเคฎाเคฒ เคนोเคคी เคนै | PHP Language เค•ो HTML เคฏा HTML5 เค‡เคธ scripting Language เคฎें embed เค•िเคฏा เค—เคฏा เคนै | PHP เค•ा full-form เคญूเคคเค•ाเคฒ เคฎें Personal Home Page เคฌोเคฒा เคœाเคคा เคฅा เคฒेเค•िเคจ เคตเคฐ्เคค्เคคเคฎाเคจ เคฎें เค‡เคธे HyperText Proprocessor เคฌोเคฒा เคœाเคคा เคนै | PHP Language เค•ा เค…เคตिเคท्เค•ाเคฐ Rasmus Lerdorf เคจे 1994 เคฎें เค•िเคฏा | PHP เคฏे server-side เคนोเคจे เคธे เคฏे Web server เคฏा client machine เคชเคฐ เคšเคฒाเคˆ เคœाเคคी เคนै | PHP เค•ो เคšเคฒाเคจा เคนै เคคो เค•ुเค› client machine server เค•ी เคœเคฐुเคฐเคค เคชเฅœเคคी เคนै เคœैเคธे, Xampp, Wamp, Lamp เค”เคฐ เคญी เค•เคˆ servers เคนै | PHP เค•ा เค‡เคธ्เคคेเคฎाเคฒ PHP เค•ा เค‡เคธ्เคคेเคฎाเคฒ Web Application เคฎें เค•िเคฏा เคœाเคคा เคนै | PHP เค•े เคธाเคฅ เค•เคˆ database เค•ा เค‡เคธ्เคคेเคฎाเคฒ เค•िเคฏा เคœाเคคा เคนै เคœैเคธे MySQL, SQL, Oracle, PostegreSQL เค†เคฆि | PHP เค•े เคฒिเค เค•เคˆ frameworks เค•ाเคฎ เค•เคฐเคคे เคนै | PHP เคฎें Files เค•ो open, close, rea...