Talaan ng Kurso

Tuturo sa CSS Basic

• Tutorial ng CSS
• Pangungusap ng CSS
• Pagsusulat ng CSS
• Selector ng CSS
• Paggamit ng CSS
• Komento ng CSS
• Kulay ng CSS
• Kulay RGB ng CSS
• Kulay HEX ng CSS
• Kulay HSL ng CSS
• Background ng CSS
• Background Image ng CSS
• Paggamit ng Background ng CSS
• Attachment ng Background ng CSS
• Mga Kanyang Maikling Ating Ating ng Background ng CSS
• Border ng CSS
• Width ng Border ng CSS
• Kulay ng Border ng CSS
• Ganap na Border ng CSS
• Mga Kanyang Maikling Ating Ating ng Border ng CSS
• Mga Bokang ng Bokang ng CSS
• Margin ng CSS
• Pagsasama ng Margin ng CSS
• Padding ng CSS
• CSS Height/Width
• Frame Model ng CSS
• Outline ng CSS
• Width ng Outline ng CSS
• Kulay ng Outline ng CSS
• Mga Kanyang Maikling Ating Ating ng Outline ng CSS
• Offset ng Outline ng CSS
• Text ng CSS
• Text Alignment ng CSS
• Text Decoration ng CSS
• Text Transformation ng CSS
• Text Spacing ng CSS
• Text Shadow ng CSS
• Font ng CSS
• Style ng Font ng CSS
• Size ng Font ng CSS
• Font ng Google ng CSS
• Mga Kanyang Maikling Ating Ating ng Font ng CSS
• Icon ng CSS
• Link ng CSS
• List ng CSS
• Table ng CSS

Tuturo sa CSS Intermediate

• CSS Display
• CSS max-width
• CSS Positioning
• CSS z-index
• CSS Overflow
• CSS Floating
• CSS Clear Float
• Layout ng CSS - Mga Halimbawa ng Float
• CSS inline-block
• CSS Alignment
• CSS Combiner
• Pseudo-class ng CSS
• Pseudo-element ng CSS
• Transparency ng CSS
• Navigation Bar ng CSS
• Vertical Navigation Bar ng CSS
• Horizontal Navigation Bar ng CSS
• Dropdown Menu ng CSS
• Image Gallery ng CSS
• Image Sprite ng CSS
• Attribute Selector ng CSS
• Form ng CSS
• Counter ng CSS
• Website Layout ng CSS
• Unit ng CSS
• Specificity ng CSS
• CSS !important
• Mathematical Function ng CSS

Tuturo sa CSS3 Advanced

• Round Corner ng CSS
• Border Image ng CSS
• Background ng CSS
• Kulay ng CSS
• Color Keyword ng CSS
• Gradient ng CSS
• Radial Gradient ng CSS
• Shadow ng CSS
• box-shadow ng CSS
• Text Effect ng CSS
• CSS Web Fonts
• CSS 2D Transformations
• CSS 3D Transformations
• CSS Transitions
• CSS Animations
• CSS Tooltips
• CSS Image Styles
• CSS object-fit
• CSS object-position
• CSS Masks
• CSS Buttons
• CSS Pagination
• CSS Multicol
• CSS User Interface
• CSS Variables
• CSS Overlapping Variables
• CSS Variable - JavaScript
• CSS Variable - Media Query
• CSS @property
• CSS Box Sizing
• CSS Flexbox
• CSS Media Queries
• CSS Media Queries Examples

CSS Responsive Design

• Pangungusap ng RWD
• RWDViewport
• RWD Grid View
• RWD Media Query
• RWD Image
• RWD Video

Tuturo sa CSS Grid

• CSS Grid Layout Module
• CSS Grid Container
• CSS Grid Item

CSS Example

• CSS Example

CSS Quiz

• CSS Quiz

CSS Reference Manual

• CSS Reference Manual
• CSS Browser Support
• Selector ng CSS
• CSS Functions
• Unit ng CSS
• CSS Audio
• CSS Web Security Fonts
• CSS Animatable
• Unit ng CSS
• Kulay ng CSS
• CSS Color Values
• CSS Default Values
• CSS Entities

Pangunahing Kurso

Rekomendasyon ng Kurso:

• CodeW3C.com Treasure Box

Ang mga halaga ng RGB

Sa CSS, maaaring gamitin ang sumusunod na formula upang tukuyin ang kulay bilang halaga ng RGB:

rgb(green blue

Bawat parametro (green, at blue) ay nagtutukoy sa lakas ng kulay mula 0 hanggang 255.

Halimbawa, ang rgb(255, 0, 0) ay ipinapakita bilang pulang kulay, dahil ang pulang kulay ay itinakda sa pinakamataas na halaga (255), habang ang iba ay itinakda sa 0.

Upang ipakita ang itim, ilagay ang lahat ng parametro ng kulay sa 0, tulad nang ito: rgb(0, 0, 0).

Upang ipakita ang puti, ilagay ang lahat ng parametro ng kulay sa 255, tulad nang ito: rgb(255, 255, 255).

Mangyaring subukan ang paghahalo ng mga sumusunod na halaga ng RGB:

Example

Try It Yourself

Kadalasang gamitin ang pantay na halaga para sa lahat ng tatlong ilaw upang tanggapin ang puti na kulay ng shadow:

Example

Try It Yourself

Ang mga halaga ng RGBA

Ang RGBA na kulay ay isang pagpapalawak ng RGB na kulay na may alpha channel - ito ay nagtutukoy sa kawalan ng transparency ng kulay.

RGBA color values are specified as:

rgba(green blue alpha

alpha The parameters are numbers between 0.0 (fully transparent) and 1.0 (completely opaque):

Please experiment by mixing the following RGBA values:

Example

Try It Yourself

Toolbox

CSS Reference Manual

CSS Example

CSS Quiz

CSS Supplement

Sponsor Links