CSS Implementation
We can implement the CSS in three ways: Inline, Internal, and External. Inline CSS is the most powerful, overlapping the other two implementations. However, it’s not a best practice from a development perspective.
- Inline: It is written in the same line to style an element uniquely.
<p style=”color:green; font-size:0.75rem;”>This is a pragaraph</p>
- Internal: It is wrapped in the head section inside the style markup of the webpage.
Example:
/* Add this tag in the HTML file */
<style>
p {
color: green;
font-size: 0.75rem;
font-family: sans-serif;
}
</style>
- External: We create an external file and import it via a link tag. It is the best practice in web development.
Example:
/* Use this line in the head tag of HTML file */
<link rel=”stylesheet” type=”text/css” href="style.css">
/* style.css */
p{
color: green;
font-size: 0.75rem;
font-family: sans-serif;
}
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