Talaan ng mga Nilalaman:

7 kapaki-pakinabang na mapagkukunan para sa mga nag-aaral ng CSS
7 kapaki-pakinabang na mapagkukunan para sa mga nag-aaral ng CSS
Anonim

Ang mga cascading style sheet ay ginagawang kaakit-akit ang pagbubutas ng HTML. Ang Lifehacker ay pumili ng mga site na Russian at English-language, pati na rin ang mga web encyclopedia na makakatulong sa iyong mas maunawaan ang CSS.

7 kapaki-pakinabang na mapagkukunan para sa mga nag-aaral ng CSS
7 kapaki-pakinabang na mapagkukunan para sa mga nag-aaral ng CSS

Inirerekomenda ng World Wide Web Consortium (W3C) ang teknolohiyang CSS (Cascading Style Sheets) noong 1996. Simula noon, ang mga web developer ay gumagamit ng mga cascading style sheet upang lumikha ng mga natatanging disenyo ng site.

Dalawampung taon na ang nakalilipas, naglaro ang mga developer gamit ang mga pagpipilian sa font, mga katangian ng teksto, at mga kulay ng elemento ng pahina. Sa ngayon, ang mga animation, anino, gradient, anti-aliasing at marami pang ibang advanced na bagay ay isinasagawa.

Mag-install ng extension ng Chrome o Firefox add-on upang humanga sa iyong mga paboritong site nang walang mga cascading style sheet.

cascading style sheets: isang lifehacker na walang CSS
cascading style sheets: isang lifehacker na walang CSS

Ang mga pagbabago ay magiging dramatiko, bagaman hindi palaging. Halimbawa, ang isang news aggregator ay halos hindi magbabago: ito ay kasing simple ng dalawa at dalawa. Gayunpaman, ang mapagkukunan ay tinitingnan ng higit sa 150 milyong beses bawat buwan.

Kung saan matutunan ang mga mas pinong punto ng CSS

1. HTMLbook

cascading style sheet: HTMLbook
cascading style sheet: HTMLbook

Maging pare-pareho tayo at magsimula sa isang matatag na teoretikal na pundasyon. Para dito, bumaling kami kay Vlad Merzhevich, may-akda ng libro at web developer, na nagpapanatili ng maraming kalidad na mapagkukunan tungkol sa layout at pag-istilo ng mga web page.

Dito makikita mo ang isang self-explanatory tutorial at mga sagot sa mga sikat na tanong tungkol sa cascading style sheets. Mayroon ding mga artikulo ng tutorial sa kasalukuyang pangatlong detalye ng CSS.

2. WebReference

cascading style sheet: WebReference
cascading style sheet: WebReference

nag-aalok ng alpabetikong sanggunian sa CSS. Ang bawat property ay may maikling paglalarawan, syntax, at isang live na halimbawa. Huwag mag-atubiling magtanong - ang mga may-akda ng proyekto ay nakikipag-ugnayan at kusang-loob na talakayin ang mga detalye.

3. Sanggunian ng CSS

cascading style sheets: CSS Reference
cascading style sheets: CSS Reference

Bilang karagdagan sa mga tutorial sa wikang Ruso, magdaragdag kami ng mga dayuhang site. Sa kanilang tulong, mas madali para sa ilang mga mag-aaral na sumabak sa propesyon at tanggapin ang terminolohiya nito. Samakatuwid, ang lahat ng atensyon ay nasa. Walang kalabisan sa site: CSS properties, paliwanag, at aksyon. Sa mga magagandang bagay, napapansin namin ang isang mabilis na paghahanap at pagkopya ng isang property sa clipboard sa pag-click ng mouse.

4. CSS Design Awards

Mga Cascading Style Sheet: CSS Design Awards
Mga Cascading Style Sheet: CSS Design Awards

Ang edukasyon ay isang mahaba at minsan nakakainip na negosyo. Masarap maghanap ng motibasyon upang tumulong sa mahihirap na oras. Magiging inspirasyon tayo ng ibang mga web designer, o sa halip sa site. Ang isang kalidad na proyekto ay ipinakita dito araw-araw, na nagsisilbing isang modelo para sa kung ano ang nagkakahalaga ng pagsusumikap. Marami sa mga nanalo ay talagang nakakagulat. Huwag kalimutang pumunta at bumoto para sa iyong mga paboritong nominado.

5. CSS Zen Garden

cascading style sheet: CSS Zen Garden
cascading style sheet: CSS Zen Garden

Ang pagkakaroon ng secured na kaalaman at isang beacon, oras na upang subukan ang iyong lakas sa negosyo. At upang hindi mapili ang kalsada sa mahabang panahon, ididirekta ka namin sa pahina. Naglalaman ito ng hindi nagbabagong HTML file, na sinusubukan ng mga user mula sa buong mundo na magbigay ng pambihirang disenyo gamit ang mga cascading style sheet.

I-load ang reference na HTML, idagdag ang iyong estilo at ibalik ang lahat. Marahil ang iyong diskarte ang magiging pinakamahusay. Sa pamamagitan ng paraan, maaari mong i-download ang bersyon ng ibang tao at makita kung paano ito ipinatupad.

6. CSSPlay

cascading style sheet: CSSPlay
cascading style sheet: CSSPlay

Malinaw na gugustuhin mong maglapat ng isang bagay na makaakit ng atensyon ng lahat. Hindi namin alam kung mayroong ganoong bagay, ngunit dose-dosenang at daan-daang mga kakaibang trick ang naroroon para sigurado.

7. CSS Lint

cascading style sheet: CSS Lint
cascading style sheet: CSS Lint

Bakit natin kailangan ng ibang tao, kung ang ating sariling mga kamay ay tumubo nang tuwid? Nagpapakita ba talaga. Bilang karagdagan sa pangunahing pagsusuri sa syntax ng CSS, ang serbisyo sa web ay tumitingin para sa pagsunod sa mga panuntunan na nakakaapekto sa bilis ng paglo-load ng pahina. Ang output ay maganda, browser-friendly na CSS.

Inirerekumendang: