Background property in CSS3 - Background-color, CSS Background-Opacity(Transparent) into Background.
Background property in CSS3 - Background-color, CSS Background-Opacity(Transprent) into Background.
------------------background-color property-------------------
The background-color property specifies the background color of an
element.
With CSS, a color is most often specified by : --
A valid color name like”green”.
A HEX value – like “#ff0000”
An RGB value – like “ rgb(255,0,0)”
------------------CSS Opacity/Transparent------------------
The Opacity property specifies the opacity/transparency of an element. It can take a value from 0.0-1.0 lower value are the more transparent.
Remember :-
When using the opacity property to add transparency to the background of an element, all of its child elements make the text inside a fully transparent element hard to read.
--------------------Transparency using RGBA :
If you do not want to apply opacity to all elements for that use RGBA color values :-
1.0 for the fully visible elements.
0.0 for the fully transparent
from 0% to 100%
RGBA denoted as :-
R as Red color.
G as Green color.
B as Blue color.
A as Alpha values
All property which I cover in CSS Background properties :-
For changing the background properties of the HTML elements.
The CSS background properites are used to define background effects for elements :-
background-color.
Opacity/Transparency.
background-image.
background-repeat.
background-size this is the property of CSS3
background-attachment.
background-position.
-Colors are specified using predefined color names, or RGB, RGBA,HEX.
In CSS, a color can be specified by using a color name: red, green, blue etc.
CSS/HTML support 140 standard color names.
-------- How we use CSS colors -----
CSS Background Color – For set the background color of any text
CSS Text Color – For set the color of our text .
CSS Border Color. – For set the color of border
CSS Color values –In CSS colors can also specified using RGB, RGBA, HEX values.
In the CSS,
A class selector is a name preceded by a full stop (“.”)
An ID selector is a name preceded by a hash character (“#”).
Types of CSS :-
• CSS - Types of CSS with Example
how to create a website using html :-
• Creating a website by only use of HTML 202...
Learn CSS in this full course for beginners. CSS, or Cascading Style Sheet, is responsible for the styling and looks of a website.
Introduction of CSS video link :-
• #1 CSS for Beginners - Introduction to CSS
Important points of CSS :-
1.) CSS stands for Cascading style sheet.
2.) CSS defines how to display HTML element.
3.) Basic syntax and structure :-
h1{ - h1 is the selector.
color: skyblue; --declaration
font-family : sans-serif; --declaration
font-size : 12px; --declaration
}
4.) CSS to control the style and layout of multiple web pages all at once.
5.) CSS is created and maintained through a group of people within W3C(World Wide Web Consortium) called the CSS working Group.
Complete HTML in One video :-
• Complete Basics of HTML in One Video for...
Playlist on HTML for begineers :-
• Html tutorial for beginners in hindi full ...
How to Create Registration form or user login form in HTML :-
• How to create Registration form in HTML. |...
Creating website why only use of HTML :-
• Creating a website by only use of HTML 202...
--------------------More about CSS------------------------
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.
Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media.
Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging web pages, user interfaces for web applications, and user interfaces for many mobile applications.
#color #background_color #text_color #border_color #opacity #css3#eazycodes
For any queries
Contact me on my Email:-
[email protected]
----------Thanks for watching--------------------------
My Channel Link :-
/ eazycodes
#eazycodes
▌● Don't Forget To Subscribe ● ▌ 😀
Disclaimer: This Video is Just for educational purpose and does not have any intention to mislead or violate Google and YouTube community guidelines and policy. I respect and follow the terms & condition of Google & YouTube.