Advanced HTML and CSS Tutorial

Advanced

Distance between words and letters Text register The last line First letter First line Text output mode Tab size Block overflow Text cropping Long words Transfers Text effects Placing text in columns Deselecting the pointer Cancel reaction Cursor type Highlight color Collapsing table borders Distance between table cells View of empty table cells Align text vertically in cells Resizing table cells using a browser Inserting pseudo-elements Automatic numbering of elements Element attributes Functions for calculation Functions for selecting one of the values

Forms

Basic elements of form Input text Form Label Checkboxes Radio switches Multiline input fields Resizing textarea Placeholder Hint Pseudo-element placeholder Dropdown lists Blocking form elements Signature of the form Button as an input type Password field Input type for file upload Other types of inputs Focus for form elements Change focus with tab Autofocus Hot keys Getting marked items Getting inactive elements Element on both axes Cancel autofill of fields

Graphics

Color in rgb format Color in hex format Color in rgba format Translucency Text shadow Block shadow Linear gradient Radial gradient Repeating linear gradient Repeating radial gradient

Effects

Smooth transitions Animation Shorthand property for animation Animation state Rotate element Scaling an element Bevel of an element along an axis Shift element along axis Bevel of an element along an axis Applying effects

Cross-browser compatibility

Introduction to cross-browser compatibility Vendor prefixes Checking support Reset and normalize styles Resetting styles via the universal selector Ready-to-Drop Libraries Normalization of styles

Units of size

Shift element along axis Inheritance and em units Indents and em units Practices of using em rem units Units vh and vw

Advanced Flexbox Workflow

Size of flex element along the main axis Flex Element Greed Zero Greed Flex Elements Greediness when flex block width is not set Greediness at the specified width of flex blocks Compressing flex elements when there is not enough space Effect of Parent Width Percentage on Compression Effect of different descendant widths on compression Effect of Element Greediness on Compression Compressibility factor of flex blocks Different width of elements and compressibility of flex blocks Compression adjustment Uncompress The flex shorthand property Tile on flexes Problems with tiles on flexes Tiles with correct indents Vertical indents for tiles Tiles with auto width blocks Indents in tiles with auto width of blocks

Advanced Grid Work

Explicit Grids Implicit Grids Dimensions of implicit grids Content horizontally Content vertically Content on both axes Cells horizontally Cells vertically Cells on both axes Cells reduction Element horizontally Element vertically Cells horizontally Element abbreviation Overlaying Grid Elements Nested Grids Subgrids Abbreviated notation

Adaptive layout

Introduction Introduction to Media Queries Rebuilding blocks Element on both axes Tiles with indents Font sizes
↑
enru