25 Essential Commands to get started with CSS (Cascading Style Sheet) 🥑
Hey, this is Roshan. You can explore my professional background and vision below.✌🏻 With a following of over 90k+, I talk about startups, technology, and business on social media. I've worked with Edtech companies like Unstop, Coding Ninjas, Coding Blocks, UpGrad, Heycoach, Hubspot, and more on their social media marketing campaigns, leading to exceptional results in the sales of the companies.
I also co-founded a remote AI-driven IT Firm based out of the UAE called "Volans Aquilae" with my fellow mate Vishal Singh, where we help startups, small & medium-sized businesses, and individuals with AI-driven Software Solutions and IT services, along with revamping their business through digital transformation.
I mentored 30+ professionals/undergrads on Platforms like Topmate.io, helping them with career mentorship, public learning, opportunity hunting, and LinkedIn profile optimization, resulting in getting a 5/5 rating on Topmate.io, along with being categorized in the Top 1% on the platform.
My expertise in Sales, Marketing & Client Acquisition, along with my partner Vishal Singh, helped us form a successful company powered by Top MNCs like Meta, Microsoft, Zoho, and Semrush, with over 50+ NDA partnerships all over the globe in Thailand, Indonesia, Vietnam, Malaysia, and India. And successfully serving in the US, UK, and European markets.
My technical expertise spans cloud-native and AI-driven systems across AWS, Azure, and GCP. I specialize in Docker, Kubernetes, Terraform, and Python-based microservices with robust CI/CD pipelines. My focus includes serverless solutions, cloud security, and Agentic AI development featuring autonomous agents and multi-agent orchestration.
I've delivered webinars at 3+ colleges nationwide, covering cloud computing, startups, online opportunities, and productivity strategies. Additionally, I've taught DevOps and Cloud Computing in college communities like GDSC and Scalent LPU, mentoring students in Google Cloud-powered events.
Feel free to reach out for project discussions, business consultations, or professional opportunities.
You can contact me at roshansharma171020@gmail.com.
CSS (Cascading Style Sheet) is one of the most popular programming languages used by Web Developers & Designers. It is widely used for designing web pages, providing properties to elements such as color, size, style, orientation, animation, and many more.
If you are new to Web development, it is essential to master a few basic commands to get started with website designing. This article will discuss some of the most commonly used commands you should master to use CSS in your website effectively.
CSS Command List:
color:
color: red;background-color:
background-color: #fff;font-family:
font-family: Arial, sans-serif;font-size:
font-size: 16px;text-align:
text-align: center;line-height:
line-height: 1.5;margin:
margin: 10px;padding:
padding: 5px;border:
border: 1px solid #000;display:
display: block;width:
width: 100%;height:
height: 50px;background-image:
background-image: url("image.jpg");float: sets the position of an element relative to other elements, e.g.
float: left;text-decoration: sets the appearance of text, e.g.
text-decoration: underline;
In addition to the basic commands mentioned above, there are also some advanced commands that can be useful for advanced Web Developers. These commands provide more control over various aspects of the website and allow you to perform complex tasks.
Advanced HTML Commands:
box-shadow:
box-shadow: 2px 2px 4px rgba(0,0,0,0.5);text-shadow:
text-shadow: 1px 1px 1px #000;border-radius:
border-radius: 10px;transform:
transform: rotate(45deg);transition:
transition: all 0.5s ease;animation:
animation: myanimation 2s infinite;background-size:
background-size: cover;background-clip:
background-clip: padding-box;backdrop-filter:
backdrop-filter: blur(5px);column-count:
column-count: 3;filter:
filter: grayscale(100%);grid-template-columns:
grid-template-columns: repeat(3, 1fr);justify-content:
justify-content: center;align-items:
align-items: center;perspective:
perspective: 100px;
If you found this blog post helpful, a clap would be really applicable, and follow for more technical content on Web Development.
