-
CSS Tutorial
- CSS Tutorial
- CSS Introduction
- CSS grammar
- CSS Id and Class Selector
- CSS create
- CSS background(background)
- CSS text(text)
- CSS Fonts(Fonts)
- CSS link(link)
- CSS List style(ul)
- CSS form(table)
- CSS Box model
- CSS frame(border)
- CSS contour(outline)
- CSS Outside margin(margin)
- CSS filling(padding)
- CSS Grouping and nesting
- CSS size(Dimension)
- CSS display(display)
- CSS Positioning(position)
- CSS float(float)
- CSS Align(align)
- CSS Combination Selector
- CSS Pseudo class
- CSS Pseudo-element
- CSS Navigation Bar
- CSS Drop-down menu
- CSS Image gallery
- CSS The image is transparent/opaque
- CSS Image Stitching Technology
- CSS media type
- CSS Property Selector
- CSS to sum up
- CSS Examples
CSS3 Tutorial
- CSS3 Tutorial
- CSS3 Introduction
- CSS3 frame(border)
- CSS3 background
- CSS3 Gradient
- CSS3 Text effects
- CSS3 Fonts
- CSS3 2D Conversion
- CSS3 3D Conversion
- CSS3 transition
- CSS3 Animation
- CSS3 Multiple columns
- CSS3 User Interface
CSS Responsive design
CSS Reference Manual
The best Responsive Web Design - Video (Video) Tutorial In 2024, In this tutorial you can learn Use the width attribute,Examples,Using max-width property,Examples,Adding video page,Examples,
Responsive Web Design - Video (Video)
Use the width attribute
If the width attribute is set to 100%, the video player will be automatically adjusted in proportion to the screen size:
Examples
width: 100%;
height: auto;
}
Note that in the above example, the video player is automatically adjusted in proportion to the size of the screen and can be larger than the original size. More often we can use the max-width property instead.
Using max-width property
If the max-width property is set to 100%, the video player will be automatically adjusted in proportion to the screen, but no more than its original size:
Examples
max-width: 100%;
height: auto;
}
Adding video page
We can add a video in a web page. The following examples and video is automatically adjusted according to the region occupies the entire div div area size:
Examples
width: 100%;
height: auto;
}
Hot Tools
-
Image To Base64 Converter
Convert an image to base64 string -
Css Tools
CSS Minifier,Beautifier,Formatter -
Html Tools
Html Minifier,Beautifier,Formatter -
Base64 Decode/Encode
Base64 Decode/Encode -
Base64 To Image
Base64 To Image -
HTML Color Picker
HTML Color Picker
Other Tools
-
Web Tools
Css Minify Css Beautifier Html Minify Html Beautifier Json Minify Sql Minify XML Minify -
Image Tools
Image To Base64 Base64 To Image -
Color Tools
RGB To Hex HTML Color Picker RGB To CMYK HEX To CMYK -
Online Calculator
Calculator Scientific Calculator
Online Tutorial
- HTML online Tutorial
- javascript online Tutorial
- CSS online Tutorial
- Bootstrap online Tutorial
- React online Tutorial In 2020
- Get started with Xpath syntax
- An example of the Python Reptile Foundation Getting Started
- Introduction to XML - What is XML?
- Introduction to the JSON tutorial