លក្ខណៈ Inheritance នៃ class និង tag
.className tagName
មានលក្ខណៈដូចនឹង Inheritance នៃ id និង tag ដែរ។ style វានឹងកំណត់ដោយ tag ណាដែលឋិតក្នុង element
ដែលមាន
class ដែលបានបញ្ជាក់ប៉ុណ្ណោះ។
Syntax:
.className tagName{
Css_statements
}
.
.
.
<tag1 class=”className”>
<tagName>
</tagName>
</tag1>
tagName.className
គេប្រើវាពេលយើងចង់បង្កើត class មួយសំរាប់ប្រើតែក្នុង tag ណាមួយប៉ុណ្ណោះ។
Syntax:
tagName.className{
css_statement
}
ឧទាហរណ៍ ៖
<style>
div.redText{
color:red;
font-size:20px;
}
span.redText{
color:red;
font-size:12px;
}
</style>
</head>
<body>
<div
class="redText">Welcome</div>
<span
class="redText">Welcome</span>
</body>
លទ្ធផល៖
Welcome
Welcome
Formatting
Universal
Resource Location
Syntax:
ឧទាហរណ៏ ៖
@import
url(http://www.style.com/style/box.css);
Body{
Background:url(http://www.gallery.com/images/2435.jpg);
}
រឺ
Body{
Background:url(../images/my Image.jpg);
}
Color
RGB Format
Syntax:
rgb(red,green,blue)
red, blue, green មានតំលៃពី ០ ដល់ ២៥៥
Hexa Format
Syntax:
#rrggbb rr,gg,bb មានតំលៃពី 00-FF
Name Format
Syntax:
colorName
ដូចជា blue, red, black, white, gray, green, purple, pink…
Link
Behavior
a:link មិនធ្លាប់ចុច
a:visited ចុចម្តងហើយ
a:active window ដែលបាន link ទៅកំពុងបើក
a:hover ពេលយក mouse រំកិលលើ
Syntax
a:link{
color:green;
textdecoration=none;
}
a:visited{
color:red;
textdecoration=none;
}
a:active{
color:blue;
textdecoration=none;
}
a:hover{
color:black;
textdecoration=overline;
}
យើងអាចប្រើលក្ខណៈ Descending បាន ឧទាហរណ៍ ៖
a.footer:link{color:blue}
a.header:link{color:red}
#leftBlock
a:link{color:green}
លក្ខណៈ Inheritance នៃ class និង tag
Reviewed by Unknown
on
11:24 PM
Rating:
Reviewed by Unknown
on
11:24 PM
Rating:
No comments: