CSS Basic Tutorial

Kailangan mong magkaroon ng pangkaraniwang kaalaman

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

  • HTML
  • XHTML

Kung ikaw ay nagnanais na unawain muna ang mga proyekto na ito, mangyaring Pangunahing pahina Pumunta sa mga nagkakaroon ng tutorial.

CSS ng paglalarawan
  • CSS ay tumutukoy sa kasukatan ng estilo (Cascading Style Sheets)
  • Ang paglalarawan ng estiloKung paano ipakita Ang HTML na elemento
  • Ang estilo ay pangkaraniwang inilagay saAng stylesheetSa
  • Inidinagdag ang estilo sa HTML 4.0 upangMalutas ang problema ng paghihiwalay ng nilalaman at paglalarawan
  • External Style SheetsMaaaring lubos na itaas ang kahusayan ng paggawa
  • Ang panlabas na stylesheet ay pangkaraniwang inilagay sa Ang CSS fileSa
  • Maraming paglalarawan ng estilo ay maaaringPangkatPara sa isang

Ang HTML tag ay orihinal na dinisenyo upang gamitin para sa paglalarawan ng nilalaman ng dokumento. Sa pamamagitan ng paggamit ng <h1>, <p>, <table> na tag, ang HTML ay inaasahan na magamit upang ipahayag ang

Dahil ang dalawang pangunahing browser (Netscape at Internet Explorer) ay patuloy na nagdagdag ng bagong HTML tag at attribute (tulad ng font tag at color attribute) sa HTML na pamantayan, ang paggawa ng site na ang nilalaman ng dokumento ay malinaw na hindi kasama sa lagay ng dokumento ay nagiging mahirap na lalong muli.

Upang malutas ito, ang World Wide Web Consortium (W3C), ang hindi kumikitang samahan ng pamantayan, ay nagtanggap ng misyon ng pagtutukoy ng HTML at gumawa ng STYLES (estilo) sa labas ng HTML 4.0.

Ang lahat ng pangunahing browser ay sumusuporta sa kasukatan ng estilo.

Ang stylesheet ay lubos na nagpataas ng kahusayan ng paggawa.

Ang stylesheet ay nagtutukoy kung paano ipakita ang HTML na elemento, ang font tag at color attribute sa CSS ng HTML 3.2 ay pangkaraniwang inilagay sa panlabas na .css na file. Sa pamamagitan lamang ng pagwawasto ng isang simpleng CSS na dokumento, ang panlabas na stylesheet ay nagbibigay sa iyo ng kakayahan na magbabago ng hitsura ng layout ng lahat ng pahina sa iyong site ng iisa lamang pagwawasto.

Since CSS allows for the simultaneous control of styles and layouts on multiple pages, it can be considered a breakthrough in the field of WEB design. As a website developer, you can define styles for each HTML element and apply them to as many pages as you wish. For global transformations, simply change the style, and all elements on the website will be automatically updated.

Multiple styles will be cascaded into one

Style sheets allow style information to be specified in multiple ways. Styles can be specified within a single HTML element, within the head element of an HTML page, or in an external CSS file. You can even reference multiple external style sheets within a single HTML document.

Cascading Order

When the same HTML element is defined by more than one style, which style will be used?

Generally, all styles are cascaded into a new virtual style sheet according to the following rules, with the number 4 having the highest priority.

  1. Browser Default Settings
  2. External Style Sheets
  3. Internal Style Sheets (located within the <head> tag)
  4. Inline Styles (within HTML Elements)

Therefore, inline styles (within HTML elements) have the highest priority, which means they will take precedence over the following style declarations: style declarations within the <head> tag, style declarations in an external stylesheet, or style declarations in the browser (default value).