ਕੋਰਸ ਸਾਰਣੀ

دی ایچ تی ایم ال تیچرنل

• دی ایچ تی ایم ال تیچرنل
• دی ایچ تی ایم ال معرچ
• DHTML CSS
• دی ایچ تی ایم ال ڈی او ایم
• DHTML ਈਵੈਂਟ
• DHTML ਸੰਕਲਨ

دی ایچ تی ایم ال ڈی او ایم

• DOM ਪੁਸਤਕਾਤਮਕ

دی ایچ تی ایم ال مثال

• دی ایچ تی ایم ال مثال
• ڈی او ایم مثال

ਚੋਣੀ ਹੋਈ ਕਲਾਸ

سائٹنگ ہینڈ بک

• وеб سائٹ کی تعمیر
• وین وار وائلی انجمن (وو3 سی)
• بورسر معلومات
• ووب سائٹ کی کوالٹی
• سمینٹ ووب
• پیشہ ورانہ منصوبہ بندی
• ووب سائٹ میزبان

ਪ੍ਰੋਗਰਾਮਿੰਗ

• پائینا تیچرنل

کوڈوو3 سی کم پر سوال

کوڈوو3 سی کم کی مدد

• پچھلے پیچھا دی ایچ تی ایم ال معرچ
• پچھلے پیچھا دی ایچ تی ایم ال ڈی او ایم

CSS ਦੀ ਵਰਤੋਂ HTML ਏਜੈਂਟਾਂ ਨੂੰ ਸਟਾਈਲ ਲਾਈਨ ਕਰਨ ਲਈ ਹੈ।

ਕਿਨ੍ਹੇ ਪ੍ਰਾਪਰਟੀਆਂ ਨੂੰ CSS-P ਨਾਲ ਇਕੱਠੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ?

ਪਹਿਲਾਂ, ਇਸ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ position ਪ੍ਰਾਪਰਟੀ (relative ਜਾਂ absolute) ਦੀ ਸੈਟ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ。

ਤਦ, ਮੈਂ ਹੇਠ ਲਿਖੇ CSS-P ਪ੍ਰਾਪਰਟੀਆਂ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦਾ ਹਾਂ:

• left - ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਾਹਮਣੇ ਸਥਾਨ
• top - ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਉੱਚੀ ਸਥਾਨ
• visibility - ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਦੇਖਣ ਜਾਂ ਨਹੀਂ ਦੇਖਣ ਦਾ ਫੈਸਲਾ
• z-index - ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਦ
• clip - ਇਲੈਕਟ੍ਰੌਨ ਕੇਸਿੰਗ
• overflow - ਵਧੇ ਹੋਏ ਸਮੱਗਰੀ ਦੀ ਹੰਡਲਿੰਗ

Position

CSS ਦੀ position ਪ੍ਰਾਪਰਟੀ ਤੁਹਾਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਿਸੇ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਥਾਨ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦੀ ਹੈ。

position:relative

position:relative ਪ੍ਰਾਪਰਟੀ ਇਸ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਉਸ ਦੇ ਨੈਚਰਲ ਸਥਾਨ ਦੇ ਅਧਾਰ 'ਤੇ ਸਥਾਨਿਤ ਕਰਦੀ ਹੈ。

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇਹ div ਇਲੈਕਟ੍ਰੌਨ ਉਸ ਦੇ ਨੈਚਰਲ ਸਥਾਨ ਦੇ ਮਾਣੀ ਸਥਾਨ ਦੇ ਸਾਹਮਣੇ 10 ਪਾਇਕਸਲ ਦੇ ਸਥਾਨ ਤੇ ਰੱਖਿਆ ਗਿਆ ਹੈ:

div
{
position:relative;
left:10;
}

position:absolute

position:absolute ਪ੍ਰਾਪਰਟੀ ਇੱਕ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਵਿੰਡੋ ਦੇ ਮਾਰਜਿਨ ਤੋਂ ਦੂਰੀ ਦੇ ਮਾਰਜਿਨ ਦੇ ਅਧਾਰ 'ਤੇ ਸਥਾਨਿਤ ਕਰਦੀ ਹੈ。

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇਹ div ਇਲੈਕਟ੍ਰੌਨ ਉਸ ਦੇ ਕਵਰੇਜ ਦੇ ਮਾਰਜਿਨ ਦੇ ਮਾਣੀ ਸਥਾਨ ਦੇ ਸਾਹਮਣੇ 10 ਪਾਇਕਸਲ ਦੇ ਸਥਾਨ ਤੇ ਰੱਖਿਆ ਗਿਆ ਹੈ:

div
{
position:absolute;
left:10;
}

Visibility

visibility ਪ੍ਰਾਪਰਟੀ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਦੇਖਣ ਜਾਂ ਨਹੀਂ ਦੇਖਣ ਦਾ ਫੈਸਲਾ ਕਰਦੀ ਹੈ。

visibility:visible

visibility:visible ਪ੍ਰਾਪਰਟੀ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਨਜ਼ਰ ਆਉਣ ਦਾ ਹੈ。

h1
{
visibility:visible;
}

visibility:hidden

visibility:hidden ਪ੍ਰਾਪਰਟੀ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਅਸਾਨੀ ਨਾਲ ਨਜ਼ਰ ਨਹੀਂ ਆਉਣ ਦਾ ਹੈ。

h1
{
visibility:hidden;
}

Z-index

z-index ਪ੍ਰਾਪਰਟੀ ਇੱਕ ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਦੂਜੇ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਬਾਅਦ ਰੱਖਣ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ।z-index ਦਾ ਮੂਲ ਮੁੱਲ 0 ਹੈ।ਮੁੱਲ ਵਧਦੇ ਜਾਂਦੇ, ਇਸ ਦੀ ਪ੍ਰਾਥਮਿਕਤਾ ਵੀ ਵਧਦੀ ਹੈ।z-index: -1 ਘੱਟ ਪ੍ਰਾਥਮਿਕਤਾ ਹੈ。

h1
{
z-index:1;
}
h2
{
z-index:2;
}

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ, ਜੇਕਰ h1 ਅਤੇ h2 ਇੱਕ ਦੂਜੇ ਉੱਪਰ ਲਗਦੇ ਹਨ, ਤਾਂ h2 ਇਲੈਕਟ੍ਰੌਨ ਹੀ h1 ਉੱਪਰ ਹੋਵੇਗਾ。

فیلٹر

filter ਪ੍ਰਾਪਰਟੀ ਤੁਹਾਨੂੰ ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰਾਂ ਨੂੰ ਹੋਰ ਸਟਾਈਲ ਪ੍ਰਭਾਵ ਜੋੜਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦੀ ਹੈ。

h1
{
width:100%;
filter:glow;
}

ਟਿੱਪਣੀਆਂ:filter ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਹਰ ਸਮੇਂ ਮੰਡਲ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ

ਉੱਪਰ ਦੇ ਉਦਾਹਰਣ ਨਾਲ ਹੇਠ ਦੇ ਆਉਟਪੁੱਟ ਪੈਦਾ ਹੁੰਦਾ ਹੈ:

ਹੈੱਡਰ

ਵੱਖ-ਵੱਖ ਫਿਲਟਰ

ਟਿੱਪਣੀਆਂ:ਹਾਲਾਂਕਿ background-color ਗੁਣ ਨੂੰ transparent ਸੈਟ ਨਹੀਂ ਕੀਤਾ ਹੋਵੇ, ਤਾਂ ਕੁਝ ਫਿਲਟਰ ਗੁਣ ਕੰਮ ਨਹੀਂ ਕਰਦੇ!

filter:alpha(
opacity=20,
finishopacity=100,
style=1,
startx=0, 
starty=0,
finishx=140,
finishy=270)

filter:blur(
add=true,
direction=90,
strength=6);

filter:chroma(
color=#ff0000)

filter:glow(
color=#ff0000,
strength=5);

filter:mask(
color=#ff0000);

filter:shadow
(color=#ff0000,
direction=90);

filter:dropshadow
(color=#ff0000,
offx=5,
offy=5,
positive=true);

filter:wave(
add=true,
freq=1,
lightstrength=3,
phase=0,
strength=5)

Background

background 属性允许您选用自己的背景。

background-attachment:scroll

背景随页面滚动。

background-attachment:fixed

背景不会随页面滚动。

• پچھلے پیچھا دی ایچ تی ایم ال معرچ
• پچھلے پیچھا دی ایچ تی ایم ال ڈی او ایم

ٹولز باکس

ایچ تی ایم ال ڈی او ایم مرجع ہینڈ بک

دی ایچ تی ایم ال مثال

سپانسر لنک