IFRAMEs сайт дизайны иштеген кантип түшүнүү
Эгер сиз бир элементин жалгаштырган кийин HTML , сиз кошуу үчүн эки мүмкүнчүлүктөр бар CSS стилдерди ага:
- Сиз кадр өзү аласыз.
- Сиз кадр ичинде бет (белгилүү бир шарттарда) аласыз.
IFRAME элементти кандайча стилдештирүүнү CSS колдонуу
Сенин элесин стайлинг эсептеши керектигин биринчи кезекте IFRAME өзү болуп саналат. көпчүлүк серепчилер кошумча стилдеги таштанды жок кадрларынын кирет да, ал дагы эле аларды ырааттуу үчүн кээ бир стилдерди кошуп бир жакшы ой.
Мына, мен ар дайым менин кадрлар кирген кээ бир CSS стилдер төмөнкүлөр болуп саналат:
- маржа: 0;
- толтургучтар: 0;
- Чек ара: эч бири;
- туурасы: көрсөткүчү;
- бийиктиги: көрсөткүчү;
Менин документте алдыруу өлчөмүнө коюлган туурасы жана бийиктиги менен. Бул жерде эч кандай стилдеги менен жээкчелер менен кооздоп эле Негиздер менен бир мисал боло алат. Көрүнүп тургандай, бул стилдер негизинен эле кадрга айланып чек жок, бирок алар бардык браузерлер эле талаалар, толтургучтар, жана өлчөмдөр менен кадр көрсөтүлүшүн камсыз кылуу.
HTML5 сиз айлантма куймаларын алып чыксын мүлктү пайдалануу сунуш кылат, бирок ал ишенимдүү эмес. Сиз алып салган же айлантма шыргыйларды өзгөртүүнү каалаган болсо, сен кадрга боюнча жылдыруу касиетти, ошондой эле керек. Жылган касиетти пайдалануу үчүн, башка бир өзгөчөлүгүнө, андан кийин үч баалуулуктардын бирин тандап сыяктуу, аны менен толукталсын: ооба, жок, же машины. Ооба, ар дайым алар зарыл болгон эмес, болсо да, айлантма Шыргыйларды киргизүү үчүн браузерди айтылат. эч кандай зарылчылыгы жок, же бардык жылдыруу куймаларын алып мындай дейт.
унаам, алар эмес, демейки жана муктаждык болгон жылдыруу бекиткичтерин камтыйт, аларды жок кылат.
Бул жерде Жылган сыпаты менен өйдө кантип өчүрүү болуп саналат:
жылдыруу = "жок" > Бул кадр болуп
.
HTML5 менен сыдырып өчүрүү үчүн толуп мүлктү пайдаланууга жол берилет. Бирок, сиз көрүп тургандай, бул мисалдар , бирок бардык браузерлерде ишенимдүү иштебейт.
Бул жерде сиз ашып мүлк менен ар дайым өйдө жандырып, кантип эле:
стили = "толуп: жылып болуп," > Бул кадр болуп ча.
Толуп мүлкүн толугу менен жылдырууну өчүрүү үчүн эч кандай жол жок.
Көптөгөн дизайнерлер окурмандардын желге да бар экенин билбейм, деп жатышат бетине алардын элесин алкагында менен жуурулушууга келет. Бирок, силер да аларга өзгөчө кылууну образын кошууга болот. кадр дагы дароо ордунан турат, ошондуктан чек жөнгө салуу жеңил эмес. Эле чек ара стили мүлктү пайдалануу (же чек ара-учуна байланышкан, чек ара-укугун, чек-калтырып, чек-төмөнкү касиеттери) чек стилдештирүүнү:
кадр {
чек ара-топ: # c00 1px кезде жээкте;
чек-ара-оң: # c00 2px кезде жээкте;
чек-ара-сол: # c00 2px кезде жээкте;
чек-ара-Төмөндө: # c00 4px кезде жээкте;
}
Бирок сен стилине үчүн барактоо жана чек менен эле токтоп калбашы керек. Сиз кадрга башка CSS стилдердин көп колдоно алышат. Бул мисал кадр көлөкө берип CSS3 стилдерди колдонуп, бурчтары тегеректелген, аны 20 градуска жантайып.
кадр {
маржа-топ: 20px;
маржа-Төмөндө: 30px;
-moz-чек-ара-радиусу: 12px;
-webkit-чек-ара-радиусу: 12px;
чек радиусу: 12px;
-moz-куту-көлөкө: 4px 4px 14px # 000;
-webkit-куту-көлөкө: 4px 4px 14px # 000;
кутуча-көлөкө: 4px 4px 14px # 000;
-moz-өзгөртүп: бурулат (20deg);
-webkit-өзгөртүп: бурулуу (20deg);
епо-өзгөртүп: бурулат (20deg);
+ avreal-өзгөртүп: (20deg) бурулат;
элеги: progid: DXImageTransform.Microsoft.BasicImage (айландыруу = .2);
}
Iframe Мазмуну Styling
кадрга мазмунун Styling эле каалаган башка интернет баракты стайлинг сыяктуу. Бирок, сиз бетни тюрлендирирге мүмкүнчүлүгү болушу керек. Сиз бетни тюрлендирирге мүмкүн эмес болсо, (мисалы, ал дагы бир сайтта бар).
Сиз менен барак ача аласыз болсо, анда Сиз кошо аласыз тышкы стилдердин баракты же туура документке стилдерди сиздин сайтка каалаган башка интернет баракты стилдештирүүнү болмок эле.