Apibrėžę savo svetainės struktūrą ir sukūrę DOM Tiksliai, svarbu apibrėžti to paties stiliaus stilius, tai taip pat kūrybiškiausia sritis, kurioje galite tiksliau pritaikyti paskutinį savo svetainės kampą. Kaskadiniai stiliaus lapai yra tinkamiausias sprendimas, tačiau visiems tiems, kurie pirmą kartą įsitraukia į interneto kūrimo pasaulį, yra keletas patarimų, į kuriuos būtina atsižvelgti, norint pasiekti geriausių rezultatų.
Norint gauti profesionalų rezultatą, būdingą pašvęstai priekinei pusei, būtina atsižvelgti į tam tikrus aspektus, tokius kaip tvarka, įskaitomumas ir dažniausiai pasitaikančių šio tipo praktikos klaidų taisymas. Dalinuosi žemiau penki patarimai labai paprastas, bet tuo pat metu labai svarbus mūsų CSS stiliaus lapų apdorojimui ir optimaliai konfigūracijai.
Įsitikinkite, kad CSS3 stiliaus lapuose nustatėte veiksmingą tvarką ir struktūrą
Aš visada skirstau savo stiliaus lapus hierarchine tvarka. Pirmiausia aš paprastai taikau bendruosius selektorius, tada pridedu html selektorių deklaracijas ir galiausiai einu į konteinerių ir smulkių elementų ID. Iš esmės sumalta vadovaukitės DOM logika ir pradedant nuo tėvų, baigiant vaikais. Tačiau mes taip pat galime vadovautis kita formule ar tvarka, pavyzdžiui, mes galime sugrupuoti savo selektorius ir deklaracijas atsižvelgdami į jų funkciją. Viskas priklausys nuo to, kokie yra mūsų pageidavimai ir kaip mes jaučiamės patogiau dirbdami.
Kiekvienam savo pasirinkėjui pasirinkite aiškius ir glaustus pavadinimus
Yra kažkas labai svarbaus, į kurį privalote atsižvelgti, tai yra tas, kad CSS3 skiriasi vartojant didžiąsias ir mažąsias raides, todėl žodžio rašymas didžiosiomis raidėmis gali reikšti kažką kita ir sukelti klaidų. Lengviausia visada naudoti mažąsias raides, kad išvengtumėte tokio tipo problemų. Taip pat pabandykite pasirinkite aiškiai atpažįstamus savo klasių ir savo asmens vardus ir kad jie neatspindi mūsų abejonių ar klaidų.
Nepamirškite pridėti aiškinamųjų komentarų
Jums tikrai reikia dalytis failais su kitais žmonėmis, galbūt su klientu ar kolegomis iš jūsų darbo komandos, pvz., Maketuotojais, kitais dizaineriais ar kūrėjais. Dėl šios priežasties labai svarbu atkreipti dėmesį į konstrukciją ir užtikrinti švarią bei tvarkingą apdailą. Paaiškinantys komentarai padės visiems, kurie pateks į mūsų stiliaus lentelę, greitai peržvelgti. Bet koks stebėjimo tipas, į kurį būtina atsižvelgti jis turi pasirodyti kaip turinys. Atminkite, kad turinį galite įtraukti tiek į savo HTML failą, tiek į savo CSS failą ir kad abiem atvejais tai yra komentarai, kurie logiškai neatsispindės galutiniame rezultate ir bus matomi tik tada, kai bus pasiektas to paties šaltinio kodas, kad jie gali būti labai naudinga.
Stiliaus lapuose visada pritaikykite atstatymą
Kiekviena naršyklė turi numatytąjį stiliaus lapą, todėl norint išvengti klaidų ar pakeitimų, atsižvelgiant į naršyklę, kurioje peržiūrimas mūsų puslapis, labai naudinga ir rekomenduojama iš naujo nustatykite savo stiliaus lapus. Yra kelios alternatyvos. Erico Meyerio atstatymo stiliaus lapas gali būti labai geras pasirinkimas.
Pasirinkite efektyviausią įrankį
Yra daugybė įrankių, kuriuos galite naudoti siekdami kuo efektyvesnio darbo kurdami savo svetainės dizainą. Nuo „Wireframe“ sukūrimo iki jūsų svetainės struktūros kūrimo, taip pat visų rūšių programų, įskaitant „Adobe Photoshop“, „Illustrator“ ar fejerverkai. Jūs taip pat turite daug profesionalių redaktorių, kurie yra vieni iš labiausiai rekomenduojamų (bent jau mano naudojamų) „Sublime Text“ arba, jei to nepavyksta, „Adobe Dreamweaver“ nes jie suteikia labai paprastas sąsajas su aukštu asmenybės laipsniu, taip pat galimybę dirbti su mūsų kodais per sparčiųjų klavišų sistemą ir automatinio užbaigimo sistemą, kuri padės mums sutaupyti daugiau nei 70% laiko, kurį naudotume su redaktoriumi tradicinio paprasto teksto.
Dėkoju už patarimą, aš aistringai kuriu dizainą ir visi patarimai yra gerai priimami. Tęsk.
Ačiū!