Introduksyon ng CSS

Kailangan mong magkaroon ng batayang kaalaman

Bago magpatuloy sa pag-aaral, kailangan mong magkaroon ng pangkaraniwang kaalaman sa mga sumusunod:

  • HTML
  • XHTML

Kung gusto mong magsimula sa mga proyekto na ito, mangyaring Home Bumalik sa homepage.

CSS Overview

  • CSS ay tumutukoy sa cascading stylesheet (Cascading Style Sheets)
  • Ang paglalarawan ng estiloPaano ipakita HTML element
  • Ang estilo ay karaniwang inilalagay saStylesheetsa
  • Idagdag ang stylesheet sa HTML 4.0 ay ginawa para saLutasin ang problema ng paghiwalay ng nilalaman at pagpapakita.
  • External Style SheetMaaaring lubos na itaas ang paggawa ng trabaho.
  • Ang panlabas na stylesheet ay karaniwang inilalagay sa CSS filesa
  • Maraming paglalarawan ng estilo naCascadingMagdagdag ng estilo sa HTML 4.0 ay ginawa para sa

Ang tag ng HTML ay orihinal na dinisenyo para gamitin sa paglalarawan ng nilalaman ng dokumento. Sa pamamagitan ng paggamit ng <h1>, <p>, <table> tulad ng tag, ang orihinal na layunin ng HTML ay ipakita ang

Dahil ang dalawang pangunahing browser (Netscape at Internet Explorer) ay patuloy na nagdagdag ng bagong tag at attribute ng HTML (katulad ng tag ng font at attribute ng kulay) sa batayan ng HTML, ang paggawa ng website na ang nilalaman ng dokumento ay malinaw na maghiwalay sa lagay ng dokumento ay nagiging mahirap.

Para malutas ito, ang World Wide Web Consortium (W3C), ang hindi komersyal na kapisanan ng standardisasyon, ay nagpanggap ng misyon ng pag-standardisasyon ng HTML, at lumikha ng estilo (Style) sa labas ng HTML 4.0.

Ang lahat ng pangunahing browser ay sumusuporta sa cascading stylesheet.

Ang stylesheet ay lubos na nagpapakita ng pagtaas ng paggawa.

Ang stylesheet ay nagtutukoy kung paano ipakita ang HTML element, katulad ng ginagampanan ng tag ng font at attribute ng kulay sa HTML 3.2. Ang estilo ay karaniwang inilalagay sa panlabas na .css file. Sa pamamagitan ng pagwawasto lamang ng isang simpleng CSS document, ang panlabas na stylesheet ay nagbibigay sa iyo ng kakayahan na magbago ang layout at appearance ng lahat ng pahina sa site nang sabay-sabay.

Dahil pinapayagan ang pagkontrol ng ilang pahina ng estilo at layout nang sabay-sabay, ang CSS ay maaaring itawag na isang pagbabago sa larangan ng WEB disenyo. Bilang web developer, maaring ikonfigurahin mo ang estilo ng bawat HTML element at ilagay ito sa anumang pahina na gusto mo. Kung gusto mong gumawa ng pangkalahatang pagbabago, madaling magbago ng estilo at ang lahat ng element sa website ay magiging awtomatikong napapalitan.

Ang ilang estilo ay magiging pagkakasalungat bilang isang

Ang style sheet ay nagbibigay ng maraming paraan upang tukuyin ang impormasyon ng estilo. Ang estilo ay maaaring tukuyin sa isang solong elemento ng HTML, sa header element ng HTML page, o sa isang labas na file ng CSS. Maaari rin itong magkaroon ng maraming labas na talahanayan ng estilo sa loob ng parehong HTML document.

Pagkakasalungat ng Layer

Kung ang parehong HTML element ay tinukoy ng higit sa isang estilo, gamit kung anong estilo?

Sa pangkalahatan, ang lahat ng estilo ay magiging pagkakasalungat sa isang bagong virtual style sheet ayon sa mga sumusunod na patakaran, kung saan ang numero 4 ay may pinakamataas na prayoridad.

  1. Default Setting ng Browser
  2. External Style Sheet
  3. Internal Style Sheet (nasa loob ng tag <head>)
  4. Inline Style (lokal na sa loob ng elemento ng HTML)

Kaya, ang inline style (lokal na sa loob ng elemento ng HTML) ay may pinakamataas na prayoridad, ibig sabihin, ito ay magiging pangunahin kaysa sa mga sumusunod na deklarasyon ng estilo: ang deklarasyon ng estilo sa <head> tag, ang deklarasyon ng estilo sa labas na talahanayan ng estilo, o ang deklarasyon ng estilo sa browser (default).