Have you recently learned WebDesigning? Are you looking for best practices for your designing code?
Webito Brainery is here to add some extra tricks to your design skill.
In this blog post, we’ll explore a CSS transformation that’s sure to leave you with a greater impact on your web design skills.
Let’s take a look at what we have here:
Practices of Your Way to Coding
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Webito Brainery</title> <style> p { font-style : italic; font-weight : 700; font-size : 30px; line-height : 10px; font-family: poppins, serif; } </style> </head> <body> <p>Hello, Webito Brainery</p> </body> </html> |
Tricks That save your Time and best practices for your coding
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Webito Brainery</title> <style> p { font: italic 700 30px/10px poppins, serif } </style> </head> <body> <p>Hello, Webito Brainery</p> </body> </html> |
Output
Advantages Of Use This Trick
Clear Coding: You see, this code is easy to read and write, and also, By bundling related properties together, your code becomes more organised and maintainable.
Reduced Redundancy: The old way of specifying individual font properties could lead to redundancy. With the “After” approach, you have a single line of code to manage, reducing the chances of making mistakes or forgetting a property.
Improved Readability: Looks good practices of your code and focus on what matters most – the design and content of your web pages.
Saves Time: working on large-scale web projects, the Time saved by using this method can be substantial. It streamlines the coding process and helps you meet tight deadlines efficiently.
That’s it.
We hope next time you’re working on a web design project, use this “game changer” CSS and try it. It is the key to unlocking a more efficient, organised, and elegant way to style your web content!
For more Tips and Tricks, Visit Us at: https://www.instagram.com/webitobrainery/