CSS na Nakakaapekto lamang sa Kasalukuyang Dokumento
Ano ang Panloob na Mga Estilo ng Estilo
Ang mga estilo ng panloob na estilo ay mga estilo na inilalagay sa dokumento ng HTML . Ang mga estilo na ito ay nakakaapekto lamang sa dokumentong nasa kanilang, at hindi maaaring ma-reference ng anumang iba pang dokumentong Web.
Mga Bentahe ng Mga Panloob na Estilo ng Estilo
- Ang mga pattern ng panloob na estilo ay nakakaapekto lamang sa pahina na nasa kanila.
- Kung ikaw ay nagtatrabaho sa isang malaking site at kailangan upang subukan ang mga estilo bago mo load ang mga ito sa site bilang isang buo, panloob style sheet ay maaaring maging isang mahusay na tool. Pinapayagan ka nitong subukan ang mga estilo sa konteksto ng buong site nang walang paglabag sa anumang pahina ngunit ang iyong sinusubok.
- Maaaring gamitin ng mga panloob na style sheet ang mga klase at ID.
- Hindi tulad ng mga estilo ng inline, ang mga panloob na style sheet ay maaari pa ring samantalahin ang mga klase, ID, kapatid, at iba pang mga relasyon sa elemento.
- Ang mga panloob na estilo ng sheet ay hindi nangangailangan na mag-upload ka ng maramihang mga file.
- Ito ay lalong kapaki-pakinabang kapag nagtatrabaho ka sa mga bagay tulad ng email o mga kiosk kung saan mayroon ka lamang isang HTML file na magagamit upang i-edit. Madalas kong ginagamit ang mga estilo ng inline kapag hindi ako sigurado kung anong URL ang magiging isang stylesheet na na-load sa isang CMS - ang pagsunod sa mga estilo gamit ang dokumento ay nangangahulugang alam ko kung anong mga estilo ang nakakaapekto sa dokumentong iyon.
- Ang mga panloob na estilo ay maaaring magkaroon ng mas mataas na sukat kaysa sa mga panlabas na style sheet.
- Ito ay natutukoy sa pamamagitan ng pagkakasunud-sunod na ang mga external style sheets ay na-load. Ang web developer ng pahina ay may kontrol sa kung saan ang panloob na mga estilo ay ilalagay sa ulo ng dokumento. Kung ang mga ito ay inilagay pagkatapos ng link sa mga panlabas na estilo , magkakaroon sila ng isang mas mataas na precedence sa kaskad, at over-ride sa panlabas na style sheet.
Mga Disadvantages ng Mga Panloob na Estilo ng Estilo
- Nakakaapekto lamang ang mga ito sa pahina na nakabukas.
- Kung nais mong gamitin ang parehong mga estilo sa maraming mga dokumento, kailangan mong ulitin ang mga ito para sa bawat pahina (o link sa isang panlabas na style sheet ).
- Ang mga panloob na style sheet ay nagdaragdag ng mga oras ng pagkarga ng pahina
- Ang bawat pahina na may panloob na style sheet ay dapat na mag-load at ma-parse ang impormasyon ng style sheet sa bawat oras na mai-load ang pahina. Ang mga panlabas na estilo ng sheet ay naka-cache sa pamamagitan ng mga browser - na nagpapabuti ng mga oras ng pagkarga para sa bawat pahina pagkatapos na mai-load ang unang.
Paano Sumulat ng isang Internal Style Sheet
elemento:
- Buksan ang isang HTML na dokumento sa iyong Web editor .
- Idagdag ang sumusunod sa loob ng
Ang isang kumpletong panloob na style sheet ay magiging ganito: