Ko te whakakore CSS tetahi o nga taonga o te tauira pouaka CSS . Ko tenei taonga poto ka whakatakoto i nga paera ki nga taha e wha o te huānga HTML. Ka taea te whakamahi i nga paera CSS ki te tata ki nga tohu HTML katoa (haunga mo etahi o nga tūtohu ripanga). I tua atu, ko nga taha e wha o te huānga he rereke rereke.
CSS Pataki Property
Hei whakamahi i te taapatutanga CSS pakaru, ka taea e koe te whakamahi i te "TRUBLe" me te "TRiBbLE" mo te hunga Star Trek. Ko tenei mo te taha ki runga , ki te taha matau , ki raro , ki te taha maui , a ka pa ana ki te raupapa o nga whanui whanui e whakaturia ana e koe i roto i te taonga poto. Hei tauira:
te whakaheke: te taha maui ki raro i raro; te whakaheke: 1px 2px 3px 6px;Mena kua whakamahia e koe nga uara kua whakaruarangitia i runga nei, ka whakamahia he rereke rereke rereke ki nga taha katoa o nga mea HTML e tono ana koe ki te. Mena e hiahia ana koe ki te tono i nga parepare ano ki nga taha e wha, ka taea e koe te whakaiti i to CSS me te tuhi i tetahi uara:
te taraiwa: 12px;Ma taua raina o CSS, e 12 nga pirangi o nga paera ka uru ki nga taha e wha o te huānga.
Mena e hiahia ana koe kia rite ki nga waahanga mo te runga me te raro me te maui me te tika, ka taea e koe te tuhi i nga uara e rua:
pakaru: 24px 48px;Ko te uara tuatahi (24px) ka uru ki runga, ki raro, ka uru te tuarua ki te maui me te tika.
Mena ka tuhia e koe nga uara e toru, ka whakaekea te whakapae whakapae (taha maui me te tika), me te huri i runga me raro:
te whakaheke: te taha ki runga-matau-maui; te whakaheke: 0px 1px 3px;E ai ki te tauira o te pouaka CSS, he tata tonu te paera ki te huanga / ihirangi tonu. Ko te tikanga tenei ka tapiritia te paera ki tetahi huinga i waenganui i te whanui ihirangi, teitei ranei, me nga uara rohe e whakamahi ana koe. Mena kua tautuhia te paera ki te kore, ka rite tonu te mata ano ki te ihirangi.
Ngā Uara Tae CSS
Ka taea e CSS te tango i tetahi uara roa kore-kino. Me tino whakarite te ine, penei te px me te em. Ka taea hoki e koe te whakarite i te tohenga mo to paanga, he waahanga o te whanui o te poraka kei roto i te huānga. Kei roto i tenei ko nga papanga mo runga me raro. Hei tauira:
#container {whanui: 800px; teitei: 200px; } #container p {whanui: 400px; teitei: 75%; te papaha: 25% 0; }Ko te teitei o te pararangi i roto i te huānga #container ka 75% o te teitei o te taputapu me te 25% o te whanui mo nga papa o runga, me te 25% o te whanui mo te papanga raro. Ko tenei totika 300 + 200 + 200 = 700px.
Nga Putanga o te Whakanuia o CSS Padding
I runga i nga huinga-paerewa o te waahanga , kei te whakamahi nga paera ki nga taha e wha. Nä te mea he poraka he pouaka, he pouaka kua oti te whakamahi, kei te whakamahi te paera ki nga taha pouaka.
I te wa e tapiritia ai te paera CSS ki nga huānga taaraha , tera pea pea etahi o nga waahanga o runga ake i raro iho i raro i te raina taaraha mehemea ka nui ake te paeraa poutū i te teitei o te raina, engari kaore e turakina te raina aho. Ko nga kapiti CSS whakapae e whakamahia ana ki nga huānga taurangi ka tapiritia ki te timatanga o te huanga me te mutunga o te huānga. Na ka taea e te taraiwa te takai i nga raina. Engari kaore e whakamahia ki nga raina katoa o te huānga maha-aho, na kaore e taea e koe te whakamahi i nga papae ki te waahanga o te ihirangi raina maha-raina.
Ano, i te CSS2.1, kaore e taea e koe te hanga poraka ika ki te whanui te whanui ki runga i te huinga me nga paerewa mo nga whanui (te whanui whanui). Ki te mahi koe i te hua kaore i tautuhia. Ka whakaatu tonu nga Kaitirotiro i nga ihirangi, engari kaore koe e whiwhi i nga hua e tumanako ana koe. Mena ka whakaarohia e koe, he mea tino tika tena, me te mea me mohio te waahanga o te waa ki te whanui o nga mea taiao o te tamaiti hei tautuhi i tona whanui-pēnei i te wa kaore he whaautu i mua i tautuhia, a kotahi, neke atu ranei kua he whanui kei te rite ki te ōrau o te huinga o te ipu, ka whakatakotohia he mekameka porohita me te kore whakautu. Mena ka whakamahi koe i nga paerewa mo nga whanui o nga mea katoa i runga i to tuhinga, me tino whakarite koe kua tautuhia te whaa whanui matua.