::selection
::selection is defined as: to apply style to selected part of document highlight by user (via mouse click or drag or shift+arrow). Topics on: ::selection Only
101 docs tagged with "CSS"
View All Tags:active
:active is defined as: Pseudo-Class to match HTMLElement activate by user. Topics on: :active can be used to activate style on user clicking <a> or <button>. Re
:focus-visible
:focus-visible is defined as: Pseudo-Class to match when HTMLElement has focus & apply (default) focus-ring to highlight element. Topics on: . Read more: CSS, C
:hover
:hover is defined as: Pseudo-Class to match HTMLElement when user pointer over HTMLElement. Topics on: will be overwritten by subsequent link Pseudo-Class i.e.
:indeterminate
:indeterminate. Topics on: . Read more: CSS, CSS Syntax, Selector, Pseudo Class|FullStack Wiki by Roger J
:root
:root is defined as: Pseudo-Class to match root element of DOM Tree. Topics on: identical to html selector to rep <html> element. Read more: CSS, CSS Syntax, Se
!BUAAUB
!BUAAUB. Topics on: !important Browser, !important user, !important author, author, user, browser. Read more: CSS, Cascade, Importance Order, BUAAUB | Dev Wiki
@apply
@apply is defined as: to combine (Mixin) multiple utility class into single Semantic CSS. Topics on: @apply was proposed then abandon for CSS Shadow Parts. Read
@craco/craco
@craco/craco is defined as: CSS Stack to override native PostCSS config. Topics on: craco.config.js. Read more: CSS, CSS Stack, Craco Craco, Post CSS | Dev Wiki
@font-face
@font-face is defined as: to declare web font - will not trigger immediate download. Topics on: not worth Latency to fetch web fonts from CDN - or add whole pkg
@import
@import. Topics on: . Read more: CSS, CSS Syntax, At Rule, Import|FullStack Wiki by Roger J
@media
@media is defined as: At-Rule to conditionally apply Style Rule vs Media Query. Topics on: Media Query. Read more: CSS, CSS Syntax, At Rule, Media, Style Rule,
@mixin
@mixin is defined as: At-Rule to Encapsulation Style Rule with optional Argument. Topics on: . Read more: CSS, CSS Stack, Sass, Sass Language, Mixin, At Rule, E
@tailwind
@tailwind is defined as: At-Rule to declare tailwind layers & CSS resets. Topics on: . Read more: CSS, CSS Stack, CSS Utility Framework, Tailwind CSS, Tailwind
abs()
abs() is defined as: to return absolute CSS Value. Topics on: abs() snippets. Read more: CSS, CSS Syntax, CSS Function, CSS Value|FullStack Wiki by Roger J
Absolute Length Unit
Absolute Length Unit is defined as: CSS unit anchor to some physical unit | reference pixel. Topics on: CSS pixel. Read more: CSS, CSS Syntax, CSS Unit, Absolut
Adjacent Sibling Selector
Adjacent Sibling Selector is defined as: + Selector for Sibling Element; E1 + E2 {} where E2 is selector target. Topics on: equivalent to sideways DOM Traversal
At-Rule
At-Rule is defined as: @ prefix Directive to control CSS behavior for next block/line. Topics on: @media, @charset, @import, @namespace, @font-face. Read more:
autoprefixer
autoprefixer is defined as: npm PostCSS Plugin to parse CSS & handle Vendor Prefix. Topics on: . Read more: CSS, CSS Stack, Post CSS, Post CSS Plugin, Autoprefi
background-image
background-image. Topics on: add bg image of 2x8 horizontal dots via data Data URI. Read more: CSS, CSS Syntax|FullStack Wiki by Roger J
Box Generation
Box Generation is defined as: (process) HTMLElement format type set by display to process by Visual Formatting Model & create box. Topics on: . Read more: CSS,
Bulma CSS
Bulma CSS. Topics on: . Read more: CSS, CSS Stack, CSS Component Framework, Bulma CSS|FullStack Wiki by Roger J
calc()
calc(). Topics on: ⚠calc() must surround + & - operators with whitespace, can be used with units ie px, %, em. Read more: CSS, CSS Syntax, CSS Function|Dev Wiki
Cascade
Cascade is defined as: CSS Algorithm to compute value for each property. Topics on: Importance Order, Specificity, Source Order. Read more: CSS, Cascade, Algori
Child Selector
Child Selector is defined as: > Selector for direct Child HTMLElement. Topics on: select first level list element. Read more: CSS, CSS Syntax, Selector, Combina
Class Selector
Class Selector is defined as: .myClass Selector to match any HTMLElement with class attribute. Topics on: Class Selector can be chained onto Type Selector. Read
color
color is defined as: CSS Property to set currentcolor value; foreground color value of element text & text-decoration. Topics on: currentcolor. Read more: CSS,
Combinator
Combinator. Topics on: Adjacent Sibling Selector, General Sibling Selector, Child Selector, Descendent Selector. Read more: CSS, CSS Syntax, Selector, Combinato
Container
Container. Topics on: Cell, Track, Gutter, Grid Line. Read more: CSS, CSS Syntax, CSS Grid, Container|FullStack Wiki by Roger J
craco.config.js
craco.config.js is defined as: config file to customize PostCSS override. Topics on: . Read more: CSS, CSS Stack, Craco Craco, Post CSS |FullStack Wiki by Roger
CSS
CSS is defined as: Stylesheet Language to express style & layout of (HTML) via Style Rule. Topics on: Cascade, Style Rule, Visual Formatting Model, CSS Syntax,
CSS Component Framework
CSS Component Framework. Topics on: Bulma CSS, Material UI, Semantic UI, Bootstrap, Vanilla Extra. Read more: CSS, CSS Stack, CSS Component Framework | Dev Wiki
CSS Declaration
CSS Declaration is defined as: Pair of CSS Property with value. Topics on: . Read more: CSS, Style Rule, CSS Declaration, CSS Property|FullStack Wiki by Roger J
CSS Flexbox
CSS Flexbox is defined as: CSS Syntax to layout content as 1D flexible box. Topics on: . Read more: CSS, CSS Syntax, CSS Flexbox|FullStack Wiki by Roger J
CSS function
CSS function. Topics on: calc(), max(), min(), abs(). Read more: CSS, CSS Syntax, CSS Function|FullStack Wiki by Roger J
CSS Grid
CSS Grid is defined as: CSS Syntax to lay out content as 2D grid box. Topics on: Container, grid-template, grid-area, grid-column-end, grid start & end can be e
CSS pixel
CSS pixel is defined as: Absolute Length Unit of 1/96th of 1in. Topics on: . Read more: CSS, CSS Syntax, CSS Unit, Absolute Length Unit, CSS Pixel |web-Dev Wiki
CSS Property
CSS Property is defined as: variable to define visual characteristic of HTMLElement. Topics on: color, text-decoration, display, CSS Shorthand Property Assignme
CSS Shadow Parts
CSS Shadow Parts. Topics on: . Read more: CSS, CSS Syntax|FullStack Wiki by Roger J
CSS Shorthand Property Assignment
CSS Shorthand Property Assignment is defined as: order confusing as hell!. Topics on: TRBL, TB, TLR. Read more: CSS, CSS Syntax, CSS Property | Full-Stack Wiki
CSS Stack
CSS Stack is defined as: List of useful/popular CSS libs & frameworks. Topics on: CSS Utility Framework, CSS Component Framework, Sass, @craco/craco, PostCSS. R
CSS Syntax
CSS Syntax is defined as: List of vanilla CSS syntax only, Sass, PCSS, etc in CSS Stack. Topics on: CSS Syntax is case-insensitive for CSS Property (excl Select
CSS Unit
CSS Unit. Topics on: Absolute Length Unit, reference pixel. Read more: CSS, CSS Syntax, CSS Unit|FullStack Wiki by Roger J
CSS Utility Framework
CSS Utility Framework. Topics on: Tailwind CSS, Semantic CSS. Read more: CSS, CSS Stack, CSS Utility Framework|FullStack Wiki by Roger J
CSS Value
CSS Value. Topics on: . Read more: CSS, CSS Syntax, CSS Value|FullStack Wiki by Roger J
currentcolor
currentcolor is defined as: JS Keyword to set/inherit value of element's color CSS Property. Topics on: can be used in place of color property to inherit value
Custom Tailwind PostCSS directive
Custom Tailwind PostCSS directive. Topics on: @tailwind, @apply. Read more: CSS, CSS Stack, CSS Utility Framework, Tailwind CSS, Tailwind Syntax| FullStack Wiki
Decorative Line
Decorative Line is defined as: underline, overline, strikethrough. Topics on: . Read more: CSS, CSS Syntax, CSS Property, Text Decoration, Decorative Line| Wiki
Descendent Selector
Descendent Selector is defined as: Selector for Descendant HTMLElement (rel to other HTMLElement). Topics on: apply style to ul.menu>li>a. Read more: CSS, CSS S
display
display is defined as: CSS Property to set Box Generation type. Topics on: block, inline. Read more: CSS, CSS Syntax, CSS Property, Display, Box Generation|Wiki
DOM-Tree Pseudo-Class
DOM-Tree Pseudo-Class. Topics on: :root, :empty, :nth-child, :nth-last-child, :first-child, :last-child, :only-child, :nth-of-type, :nth-last-of-type, :first-of
Electron
Electron is defined as: JS Framework to build desktop App with JS, HTML & CSS, embed in Chromium & Node.js. Topics on: Electron is FOSS & cross platform. Read m
General Sibling Selector
General Sibling Selector is defined as: ~ Selector less strict Adjacent Sibling Selector; E1 ~ E2 {} where E2 is selector target. Topics on: select <p> preceded
Grouping Selector
Grouping Selector. Topics on: List Selector. Read more: CSS, CSS Syntax, Selector|FullStack Wiki by Roger J
IICE
IICE is defined as: Inline ID Class Element. Topics on: . Read more: CSS, Cascade, Specificity, IICE|FullStack Wiki by Roger J
Importance Order
Importance Order is defined as: !BUAAUB. Topics on: !BUAAUB. Read more: CSS, Cascade, Importance Order, BUAAUB|FullStack Wiki by Roger J
Layout engine
Layout engine is defined as: Browser engine to interpret HTML, CSS & JS, & render pixels to screen. Topics on: . Read more: Computer Science, Computer Lang, Com
Media Query
Media Query is defined as: CSS Syntax to query Media Type HTML Attribute to adapt Style Rule vs screen config. Topics on: Media Type, Media Feature. Read more:
Media Type
Media Type. Topics on: . Read more: CSS, CSS Syntax, At Rule, Media, Media Query, Media Type|FullStack Wiki by Roger J
Mixin
Mixin is defined as: to define style for reuse in stylesheet. Topics on: @mixin, @include. Read more: CSS, CSS Stack, Sass, Sass Language, Mixin| FullStack Wiki
PostCSS
PostCSS is defined as: Dev tool to automate CSS operations through JS Plugin. Topics on: postcss.config.js, PostCSS Plugin. Read more: CSS, CSS Stack, Post CSS,
PostCSS Plugin
PostCSS Plugin. Topics on: autoprefixer. Read more: CSS, CSS Stack, Post CSS, Post CSS Plugin|FullStack Wiki by Roger J
postcss.config.js
postcss.config.js. Topics on: . Read more: CSS, CSS Stack, Post CSS|FullStack Wiki by Roger J
Preprocessor
Preprocessor is defined as: Dev tool to Transpile Source Code Superset to other (base compatible) Source Code. Topics on: . Read more: CSS, CSS Stack, Sass, Pre
Pseudo-Class
Pseudo-Class is defined as: Simple Selector : postfix to match special state of selected element(s). Topics on: :indeterminate, Linguistic Pseudo-Class, Locat
Pseudo-Element
Pseudo-Element is defined as: Selector :: postfix to match part of selected element(s). Topics on: ::after, ::before, ::first-letter, ::first-line, ::placehol
purge: []
purge: [] is defined as: to set Glob Pattern to remove unused CSS styles from final bundle. Topics on: . Read more: CSS, CSS Stack, CSS Utility Framework, Tailw
reference pixel
reference pixel. Topics on: . Read more: CSS, CSS Syntax, CSS Unit, Reference Pixel|FullStack Wiki by Roger J
Resource State Pseudo-Class
Resource State Pseudo-Class. Topics on: :playing, :paused. Read more: CSS, CSS Syntax, Selector, Pseudo Class|FullStack Wiki by Roger J
Responsive Breakpoints
Responsive Breakpoints is defined as: Tailwind Syntax to set @media min-width, for common device res to apply for mobile-first design. Topics on: apply media br
Sass
Sass is defined as: Popular Superset extends CSS via Preprocessor. Topics on: Preprocessor, Sass Language. Read more: CSS, CSS Stack, Sass, Superset, Preprocess
Sass Language
Sass Language. Topics on: Mixin. Read more: CSS, CSS Stack, Sass, Sass Language|FullStack Wiki by Roger J
Selector
Selector is defined as: CSS Syntax to define pattern to match HTMLElement instances (& special states) in document to direct Style Rule. Topics on: Simple Selec
Semantic CSS
Semantic CSS is defined as: (Design Pattern) to name CSS classes with descriptive human-readable Semantic. Topics on: Semantic CSS is hard to maintain in large
shorthand for
shorthand for. Topics on: text-decoration-line, text-decoration-color, text-decoration-style, text-decoration-thickness. Read more: CSS, CSS Syntax, CSS Propert
Sibling Element
Sibling Element is defined as: Elements at same level. Topics on: . Read more: CSS, CSS Syntax, Selector, Combinator, Adjacent Sibling Selector, Sibling Element
Simple Selector
Simple Selector is defined as: Selector to match on single condition. Topics on: Type Selector, Class Selector, ID Selector, Attribute Selector, State Selector.
Specificity
Specificity is defined as: CSS Weight Algorithm to determine which Style Rule clash to apply; by IICE order. Topics on: IICE. Read more: CSS, Cascade, Specifici
src/index.css
src/index.css is defined as: base CSS fle to include Tailwind CSS for project via @tailwind Directive. Topics on: . Read more: CSS, CSS Stack, CSS Utility Frame
Style Rule
Style Rule is defined as: Ruleset with Selector & CSS Declaration block. Topics on: Specificity, CSS Declaration. Read more: CSS, Style Rule, Selector, CSS Decl
Tailwind CLI setup
Tailwind CLI setup. Topics on: install tailwind npm deps, setup tailwind.config.cjs, create src/input.css, start Tailwind CLI, add Tailwind to root HTML ie inde
Tailwind CSS
Tailwind CSS is defined as: CSS Stack with huge Utility Class collection, VS Code IDE-support for efficient consistent minimal CSS. Topics on: Tailwind UI, tail
Tailwind Definition
Tailwind Definition. Topics on: Tailwind CSS does not provide prebuild styled components, Tailwind CSS integrates with VS Code to prompt Utility Class auto-comp
Tailwind Setup
Tailwind Setup. Topics on: tailwind.config.cjs, Tailwind CLI setup, Tailwind+PostCSS Setup, Tailwind+Vite Setup, Tailwind+Next.js Setup, Inject Tailwind into br
Tailwind Syntax
Tailwind Syntax. Topics on: h-screen, Custom Tailwind PostCSS directive, Responsive Breakpoints. Read more: CSS, CSS Stack, CSS Utility Framework, Tailwind CSS,
tailwind.config.cjs
tailwind.config.cjs is defined as: to config tailwind behavior (colors/plugins/etc). root dir of project. Topics on: content: string[], mode: 'jit', purge: [],
Tailwind+Next.js Setup
Tailwind+Next.js Setup. Topics on: Install Tailwind deps, Add template files to tailwind.config.js, Add Tailwind Directive to main CSS. Read more: CSS, CSS Stac
Tailwind+PostCSS Setup
Tailwind+PostCSS Setup. Topics on: Install deps, Add Tailwind to postcss.config.js, Add Template Path to tailwind.config.cjs, Add tailwind directive to main inp
Tailwind+Vite Setup
Tailwind+Vite Setup. Topics on: install tailwind deps, Gen config files, Add template files to tailwind.config.cjs, Add Tailwind Directive to main CSS. Read mor
tailwindcss-cli
tailwindcss-cli is defined as: npm CLI Dev tool to run PostCSS to Preprocessor/Tree Shaking CSS. Topics on: tailwindcss-cli build _input.css -o _output.css, 404
text-decoration
text-decoration is defined as: CSS Property to set Decorative Lines over text. Topics on: Decorative Line, shorthand for. Read more: CSS, CSS Syntax, CSS Proper
text-decoration-line
text-decoration-line. Topics on: none, underline, overline, line-through, line-through overline, underline line-through. Read more: CSS, CSS Syntax, CSS Propert
text-decoration-style
text-decoration-style. Topics on: solid, dotted, dashed, double, wavy. Read more: CSS, CSS Syntax, CSS Property, Text Decoration, Shorthand For | FullStack Wiki
Track
Track. Topics on: Column, Row. Read more: CSS, CSS Syntax, CSS Grid, Container, Track|FullStack Wiki by Roger J
Type Selector
Type Selector is defined as: Selector to match all instance by typeof HTMLElement node in Document. Topics on: Universal Selector. Read more: CSS, CSS Syntax, S
Universal Selector
Universal Selector is defined as: * Special Type Selector to match every HTMLElement. Topics on: useful for resetting margins. Read more: CSS, CSS Syntax, Selec
User Action Pseudo-Class
User Action Pseudo-Class. Topics on: :hover, :active, :focus, :focus-visible, :focus-within. Read more: CSS, CSS Syntax, Selector, Pseudo Class, User Action Pse
Utility Class
Utility Class is defined as: class library with predefined rules for DRY Source Code & consistent naming scheme, & more granular custom control over groups of b
Vendor Prefix
Vendor Prefix is defined as: CSS Syntax to add compat for new CSS feat - use autoprefixer to never need to care about it!. Topics on: use autoprefixer to handle
Visual Formatting Model
Visual Formatting Model is defined as: (model) for UA to process/compute CSS values & display Web Page. Topics on: Box Generation. Read more: CSS, Visual Format
Web Platform
Web Platform is defined as: Collection of Open Standard Technologies incl HTML, CSS, ECMAScript & Web Assembly, mainly for Browser Runtime. Topics on: Web Langu