Waa Maxay CSS-ka Doorashada Joogtada ah?

Dhismaha dukumeentiga HTML wuxuu la mid yahay geed qoys. Qoyskaaga, waxaad haysataa waalidiin iyo kuwo kale oo ka hor yimid. Kuwani waa awowayaashiin. Carruurta iyo kuwa kuugu yimaada geedkan waa farcankaaga. HTML wuxuu ku shaqeeyaa qaab isku mid ah. Waxyaabaha ku jira gudaha qaybaha kale waa faracooda. Tusaale ahaan, maaddaama ku dhawaad ​​hal element kasta oo HTML ah gudaha gudaha tags, waxay noqon lahaayeen farac ka mid ah qodobada 'body'. Xiriirkani waa muhiim in la fahmo markaad bilowdo inaad la shaqeysid CSS oo aad ubaahan tahay inaad bartilmaameed gaar ah si aad u isticmaasho hababka muuqaalka ah.

CSS Xuduudaha Lahaa

Xulashada CSS-ka waxay khuseysaa qodobada ku jira gudaha kale (ama si ka badan sidii loo qeexay, walxaha ka soo jeeda farriin kale). Tusaale ahaan, liistada liiska aan la xakameynin wuxuu leeyahay tikidh buuxa oo ka mid ah astaamaha. Aynu isticmaalno HTML-ka soo socda tusaale ahaan:

• Tani waa isku xirasho

  Xayeysiiska LI waa farac ka mid ah qoraalka UL. Qaybta A waa mid ka mid ah labadaba LI (carruurta laga soo qaado) iyo UL (faraca ilmaha faransiisa). Haddii aad ka fekertid inaad ka fekereyso arintan adoo adeegsanaya tusaale ahaan geedkii geedka, qoyska wuxuu noqon lahaa waalidka,

• wuxuu noqon lahaa cunsurka elementa, iyo wuxuu noqon lahaa cunuga sida
• iyo awoowe
  .

  Marka sidee ayaad u tilmaami kartaa waxyaabo gaar ah oo ku yaal bog bogga adoo isticmaalaya xulashooyinka farshaxanka ah? Marka hore, waa inaad qeexdid xulashooyinka farcanka adiga oo isticmaalaya laba nooc (ama ka badan) oo ah xulashada nooca (ama ka badan) oo kala gooni ah.

  sida [qoraal-qurxinta: midna; }

  Tusaale ahaan, qaababku waxay kaliya u adeegsan doonaan halbeeg isku xiran () oo ah farac ka mid ah item-item item (

  • ). Dhamaan xiriirada kale ee bogga aan ahayn farac ka mid ah sheyga liiska ma helayaan qaabkan.

    Waxyaabaha muhiimka ah ee la xusuusto waa in aysan jirin wax xaddidaad ah oo ay ku dhex jiraan calaamadaha aad isticmaali kartid doorbidaada farshaxankaaga. Haddii walxaha labaad ku jiro meel kasta oo ka mid ah qaybta koowaad waxaa lagu dooran doonaa farac.

    Haddii aad rabto inaad dooratid dhammaan kantaroolyada laga soocayo qaybaha ul, waxaad qori laheyd:

    ul {text-decoration: none; }

    Hadda, qaababkaasi waxay ku dabaqi doonaan xiriir kasta oo ka mid ah sheyga liiska liiska. Waxaad sidoo kale qori kartaa doorashadan

    ul li {text-decoration: none; }

    Tani waa xulasho farac ah oo isticmaala wax ka badan laba xulasho. Xaaladdan, tani waxay khuseysaa xidhiidhada gudaha ku jira liistada-liiska iyo gudaha gudaha liiska aan la raacin.

    Isticmaalida Xulashada Fasallada iyo Xulashada Aqoonsiga

    Xulashooyinka aad ka soo degan tahay maaha inay mar walba noqdaan nooc ka mid ah farcanka. Tusaale ahaan, waxaad ku maleyneysaa inaad leedahay aag site ah (sida qayb ahaan) leh sifo aqoonsi "billboard". Waxaad samayn kartaa xulashada faracan ee aqoonsiga:

    #Billboard ul {arka-midabka midabka: #ccc; }

    Tani waxay ka dhigan tahay liiska aan la raacin oo ah farac ka mid ah sheyga leh aqoonsi "billboard". Waxaad isla samayn kartaa qiimayaasha fasalka.

    div.billboard ul {asalka midabka: #ccc; }

    Tani waxay u maleyneysaa in kala qaybinta ay leedahay qiimaha fasalka "billboard". CSS-ka kor ku qoran wuxuu ka dhigayaa midka

    ee gudaha qayb kasta oo leh qiimahaan fasalka.

    Waxaad ka heli kartaa runtii culus-gacmeed iyo faahfaahin leh xulashooyinka farcanka. Tusaale ahaan, haddii aad isticmaasho Dreamweaver si aad u qorto koodhkaaga HTML , waxaa jira goob laguugu darayo markaad ku darto xeerar cusub oo CSS ah oo si toos ah u abuuri doona dooriyaha iyada oo ku salaynaysa meeleynta cursadaada boggaas. Maxaa Dreamweaver ku sameynaayo xaaladdan waxaa abuuri doona erey daba-gala ah oo dheerad ah. Taas macnaheedu maaha inay muhiim tahay in CSS-daagu shaqeeyo. Waxa aad rabto in aad sameyso waa isku dheelitir u dhaxeeya xulashada faracadan oo ah mid gaar ah oo ku filan si aad ugu dul dhejiso xayawaanka dhabta ah ee aad u baahan tahay (iyada oo aan la isticmaalin kuwa aanad rabin inaad saameyso) adigoon heysan xeerarka CSS oo leh xulashooyin aad u badan waaweyn.