CSS Syntax Rule
A CSS Syntax associates three things: selector, property, and value.
- Selector: To target an HTML element to style
- Property: What style do you want to add on an element
- Value: The value you want to assign to that style property.
Selector{
Property1:value; property2:value; property3:value;
}
For example, we have an h1 heading tag. If you want to change the color of the heading, do it as follows:
h1{
Color:blue;
}
Here, we have used the semicolon to add on other style properties.
In CSS, there is a list of selectors; we can talk about them later separately. A few we have mentioned here:
ID selector, class selector, element selector, * (astric) selector, child selector, Pseudo selector, etc.
CSS Rules in Web Design for All Screens
A website is a beautiful convergence of art, tech, and science. It reflects all in the web design field. To craft a fully functional, appealing, intuitive, user-friendly HTML, CSS, and Javascript are the three major parts of web design. HTML is like a document skeleton; CSS manages the visuals and layout, and JS manages events and functionality. The blend of three languages makes a perfect front end.
Here, in this blog, we are sharing some CSS rules to make essential adjustments and make the webpage look more impressive and intuitive across all screens.
Table of Content
- Types of Screen
- CSS Syntax Rule
- CSS Implementation
- CSS Rules/ Strategies for Better Visibility across Different Screen
- Conclusion