වෙබ් අඩවි නිර්මාණයේදී IFrames වැඩ කරන ආකාරය තේරුම් ගැනීම
ඔබ ඔබේ HTML හි මූලද්රව්යයක් ස්ථාපනය කරන විට, එයට CSS ශෛලයට එකතු කිරීමට අවස්ථා දෙකක් තිබේ:
- ඔබට IFRAME ස්වයංක්රීයවම සකස් කළ හැකිය.
- ඔබට අවශ්ය පරිදි IFRAME (සමහර කොන්දේසි යටතේ) පිටුව ඔබට සකස් කළ හැකිය.
IFRAME මූලද්රව්යය සඳහා CSS භාවිතා කිරීම
ඔබේ රංගනය සැරසෙන විට සලකා බැලිය යුතු පළමු කරුණ නම් IFRAME වේ. බොහෝ බ්රව්සරයන්හි අතිරේක විලාසිතාවන් නොමැති නම් රාමු ඇතුළත් වුවද, ඒවා නිරන්තරව තබාගැනීම සඳහා ඇතැම් විලාසයන් එකතු කිරීමට එය හොඳ අදහසකි.
මෙන්න මගේ CSR හි සමහරක් CSR මාදිලි:
- ආන්තික: 0;
- වැටීම: 0;
- දේශසීමා: කිසිවක් නැත;
- පළල: වටිනාකම ;
- උස: වටිනාකම ;
පළල සහ උස සමග මගේ ලියවිල්ලට ගැලපෙන ප්රමාණයට දක්වා ඇත. මෙන්න කිසිදු විලාසිතා නොමැති රාමුවක් හා එක් මූලික සංකල්ප සමඟ එක් උදාහරණයකි. ඔබට දැකිය හැකි පරිදි, මෙම විලාසයන් බොහෝ විට පමණක් රාමුව වටා පමණක් සීමාව ඉවත් කිරීම, නමුත් ඔවුන් සියලු බ්රව්සරයන් එකම ආන්තික, iframe රාමුව, පැකැට්ටු සහ මානයන් සහිත බව පෙන්වයි.
HTML5 අනුක්රමයේ බ්ලොක්ස් ඉවත් කිරීම සඳහා ඔබ අතිරික්ත දේපල භාවිතා කරන බව නිර්දේශ කරයි, නමුත් එය විශ්වාසදායක නොවේ. එබැවින් ඔබ විසින් දිගුකිසි බ්ලොක් ඉවත් කිරීමට හෝ වෙනස් කිරීමට අවශ්ය නම්, ඔබ විසින් ඔබගේ iframe හි අනුචලන ගුණාංගය භාවිතා කළ යුතුය. ලුහුබැඳීමේ ගුණාංගය භාවිතා කිරීම සඳහා, වෙනත් ඕනෑම ලක්ෂණයක් ලෙස එය එකතු කරන්න, ඉන්පසු පහත අගයන් තුනක් තෝරන්න: ඔව්, නැත, හෝ ස්වයංක්රීයව. ඔව්, අවශ්ය නොවේ වුවද, සෑම විටම සිලින්ඩර්ස් ඇතුළත් කිරීමට බ්රවුසරයට උපදෙස් දෙයි. ඕනෑවට වඩා අවශ්ය වුවද සියළු ලියකියවිලි ඉවත් කිරීමට අවශ්ය නැත.
ස්වයංක්රීයව පෙරනිමිය අවශ්ය වන අතර ඒවා අවශ්ය නම් ඒවායේ දිගු කර ඇති අතර ඒවා නොමැති විට ඉවත් කරති.
ලුහුබඳීමේ ගුණාංගය සහිතව පහත් කිරීම අක්රිය කිරීම සඳහා මෙන්න:
අනුචලනය කරන්න "නැත" >
මෙය නම්යශීලී වේ.
HTML5 හි අනුචලනය අක්රිය කිරීම සඳහා ඔබට අතිරික්ත ගුණය භාවිතා කළ යුතුය. නමුත් ඔබට මෙම උදාහරණ තුළ දැකිය හැකි පරිදි එය තවමත් සියලු බ්රවුසර් වල විශ්වාසනීයව ක්රියා නොකරයි.
පරිපූර්ණ ගුණයෙන් ඔබ හැම විටම අකුළන ලද ආකාරය මෙන්න:
style = "පිටතට ගැලීම: අනුචලන කරන්න" ">
මෙය නම්යශීලී වේ.
පරිසමාප්ත ගුණයෙන් සම්පුර්ණයෙන් ඉවත් කිරීම සඳහා ක්රමයක් නැත .
බොහෝ මෝස්තරකරුවන් ඔවුන්ගේ රාමු ඔවුන්ගේ රාමුව තුළ තිබිය යුතු අතර ඒවායේ පිටු අතර පසුබිම සහිතව පාඨකයන් නොදැන සිටිති. නමුත් ඔබට ඒවාට කැපී පෙනෙන ලෙස විලාසිතා එකතු කළ හැකිය. සීමාව සකස් කිරීම වඩාත් පහසු කරවන පරිදි සීමාව සකස් කිරීම පහසුය. දේශසීමා විලාසිතාවන් සඳහා සීමා මායිම් ආකාරයේ දේපළක් (හෝ එයට සම්බන්ධ සීමාවන්-සීමාව, දේශසීමා-දකුණ, දේශසීමා වම් සහ මායිම්-පහළ ලක්ෂණ) භාවිතා කරන්න.
iframe {
border-top: # c00 1px තට්ටු;
දේශසීමා-දකුණ: # c00 2px තිත්;
දේශ සීමාව: # c00 2px තිත්;
මායිම්-පහළ: # c00 4px තිත්;
}}
නමුත් ඔබේ මෝස්තර සඳහා ලුහුබැඳීම සහ දේශසීමා සමඟ නතර නොකරන්න. ඔබට වෙනත් CSS ශෛලීන් ඔබේ රාමුව වෙත යෙදිය හැක. මෙම උදාහරණ රාමුව සෙවණැලි, වටකුරු කොන, සහ අංශක 20 ක් භ්රමණය කිරීම සඳහා මෙම උදාහරණය CSS3 විලාසිතා භාවිතා කරයි.
iframe {
margin-top: 20px;
margin-bottom: 30px;
-moz-මායිම්-අරය: 12px;
-බෙබිට්-මායිම්-අරය: 12px;
මායිම්-අරය: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
box-shadow: 4px 4px 14px # 000;
-moz-පරිවර්තනය: මාරු කිරීම (20deg);
-webkit-පරිවර්තනය: මාරු කිරීම (20deg);
-o-පරිවර්තනය: rotate (20deg);
-ms-පරිවර්තනය: මාරු කිරීම (20deg);
පෙරහන: DXImageTransform.Microsoft.BasicImage (භ්රමණය = .2);
}}
ඉරක්rameරයේ අන්තර්ගතයන් හැඩගැන්වීම
කිසියම් වෙබ් පිටුවක හැඩය වෙනස් කිරීම වැනි කිසියම් රාමුවක අන්තර්ගතය හැඩගැන්වීම හරියටම වේ. නමුත්, ඔබට පිටුව සංස්කරණය කිරීමට ඔබට ප්රවේශ විය යුතුය . ඔබට පිටුව සංස්කරණය කිරීමට නොහැකි නම් (උදාහරණයක් ලෙස, එය වෙනත් අඩවියක පවතී).
ඔබට පිටුව සංස්කරණය කළ හැකි නම්, ඔබ වෙනත් වෙබ් පිටුවක වෙබ් අඩවියේ විලාසිතාවක් නිර්මාණය කරන ආකාරයටම ලේඛනයේ හරියටම බාහිර ශෛලියක් හෝ ශෛලයක් එකතු කළ හැකිය.