Nahoana no tsotra tsotra ny coding?
CSS, na Cascading Style Sheets, dia ny fomba ankatoavin'ny sehatry ny fanoratana ny tranonkala mba hanampiana ireo sary amin'ny sary. Amin'ny CSS, azonao atao ny manara-maso ny layout, ny loko, ny mariage , ny sary miainga, ary ny maro hafa. Amin'ny ankapobeny, raha fijery sary izany, dia ny CSS no fomba hitondrany ireo karazana ao amin'ny tranonkalanao.
Rehefa manampy rakitra CSS amin'ny antontan-taratasy iray ianao, dia mety ho hitanao fa ny antontan-taratasy dia manomboka ny fotoana maharitra sy maharitra. Na tranokala kely iray miaraka amin'ny pejin'ny tanana ihany aza dia afaka mifarana miaraka amin'ny rakitra CSS - azo henoina - ary tranokala lehibe iray miaraka amin'ny be dia be sy pejy maro amin'ny votoatiny tsy manam-paharoa dia afaka manana rakitra CSS tena goavana. Mampivelatra ireo tranonkala manan- danja izay manana fanontaniana maro momba ny fampidirana ny media ao anatin'io taratasy io mba hanovana ny fomba fijery ny sary ary ny pejy dia mametraka azy ho an'ny sehatra samihafa.
Eny, ny rakitra CSS dia mety haharitra ela. Tsy olana lehibe izany raha ny fahitana ny fahombiazan'ny toerana sy ny haingam-pandeha, satria mety ho kely dia kely ny rakitra CSS (satria tena dokam-barotra fotsiny izy io). Na izany aza, ny sasantsasany rehetra dia manisa rehefa mahatratra ny haingan'ny pejy, ka raha azonao atao ny mamboatra ny endriny, dia tsara izany. Ity no toerana ahafahan'ilay "comma" ho tonga lafatra ao amin'ny taratasy fanoratanao!
Commas sy CSS
Mety ho nanontany tena ianao hoe inona no anjara asan'ny kômà amin'ny fehezan-tsoratra CSS . Tahaka ny fehezanteny, ny takelaka dia miteraka mazava-fa tsy code-ho an'ny mpanasaraka. Ny takelaka ao amin'ny mpandrindra CSS dia manasaraka maromaro samirery amin'ny fomba mitovy.
Ohatra, eritrereto kely ny CSS eto ambany.
th {loko: mena; }
td {loko: mena; }
p.red {loko: mena; }
div # firstred {loko: mena; }
Miaraka amin'io antontan'isa io, dia milaza ianao fa te hiantehatra tags, td tags, andalana misy ny loko mena, ary ny marika famaritana miaraka amin'ny ID izay mamporisika ny rehetra hanana loko mena.
Ity dia CSS azo ekena tanteraka, nefa misy roa tsy fahampiana ny manoratra izany toy izao:
- Amin'ny hoavy, raha manapa-kevitra ny hanova ny lokon'ny rindran'afon'ireo trano ireo ianao dia tsy maintsy miova in-efatra ao anatin'ilay taratasy fanoratanao.
- Manampy karazana endritsoratra fanampiny ao amin'ny taratasy fanoratanao izay tsy ilainao izany. Ireo karazana 4 ireo dia mety tsy ho toy ny overkill, fa raha mbola manohy manao izany ianao amin'ny takela-peo manontolo, dia hanampy ireo tsipika ary ny taratasy dia ho betsaka, lehibe kokoa noho izay tokony ho izy.
Mba hisorohana ireo tsy fahampiana ireo, ary hanamafisana ny rakitra CSS, dia hiezaka ny hampiasa ny commas.
Ampiasao ny Commas mba hisafidy mpizara
Raha tokony hanoratra 4 singa CSS voafidy sy fitsipika 4 ianao, dia azonao atao ny mampifandray ireo karazan-tsoratra rehetra ireo amin'ny fitsipika iray amin'ny alalan'ny fanasarahana ny safidin'ny olona miaraka amin'ny takelaka. Toy izao no hatao:
th, td, p.red, div # firstred {loko: mena; }
Ny endri-tsoratra noforonina dia ny teny hoe "ary" ao anatin'ny selector. Izany dia mihatra amin'ny t tags AND td tags sy ny paragrafy miaraka amin'ny kilasy mena AND ny marika divy miaraka amin'ny ID firstred. Izany indrindra no nananantsika teo aloha, fa raha tokony hila fitsipika 4 CSS isika, dia manana fitsipika tokana miaraka amin'ny fifantenana maromaro. Izany no ataon'ny komity ao amin'ny selector, ahafahantsika manana vintana maromaro amin'ny fitsipika iray.
Tsy vitan'ny hoe manamboatra rakitra mafonja sy madio kokoa amin'ny CSS izany, ary mahatonga ny vaovao farany ho mora kokoa. Ankehitriny raha te-hanova ny lokon'ny mena mankany manga ianao, dia tsy maintsy miova amin'ny toerana iray fotsiny ianao fa tsy amin'ny fitsipika fototra tamin'ny endriny 4! Eritrereto ireo fotoana fitehirizam-bola ao amin'ny rakitra CSS iray manontolo ary azonao jerena hoe ahoana no hamonjena anao na amin'ny fotoana sy amin'ny habakabaka mandritra ny fotoana lava!
Syntax Variation
Ny olona sasany dia misafidy ny hamaky bebe kokoa ny CSS amin'ny fisitahana ny mpandidy tsirairay amin'ny alàlan'ny tsipika manokana, fa tsy manoratra izany amin'ny andalana iray toy ny etsy ambony. Toy izao no hatao:
faha,
TD,
p.red,
DIV # firstred
{
loko: mena;
}
Mariho fa mametraka votoaty ianao aorian'ny fisintahana tsirairay ary ampiasao "miditra" handika ny safidy manaraka eo amin'ny tsipika manokana. Tsy mampiditra komity ianao aorian'ny fisafidianana farany.
Amin'ny fampiasana commas eo amin'ny safidinao, dia mamorona rakitra maotera kokoa ianao, izay mora kokoa amin'ny fanavaozana amin'ny hoavy ary mora kokoa ny mamaky androany!
Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard on 5/8/17