Website Development: CSS-Part 2
What is meant by website development?
Creating, constructing, and managing websites and web applications that are accessible online and through a browser are jobs that fall under the umbrella of web development, often known as website development. However, it might also involve database management, web development, and web design.
Jobs in the field of web development, also referred to as website development, including creating, maintaining, and developing websites and web applications that are accessible online and through a browser. Web development, web design, and database management could also be involved.
What is CSS?
Cascading Style Sheets is a language for creating style sheets that describe how a document is presented in a markup language, such as HTML or XML. The World Wide Web’s foundational technologies, along with HTML and JavaScript, include CSS.
What is the difference between HTML and CSS?
HTML is a markup language used to create static web pages and web applications. CSS is a style sheet language responsible for the presentation of documents written in a markup language. background-color: green; HTML cannot be used in a CSS file.
You can make yourself a website by simply going to Codepen.
What is Codepen?
A social development environment is CodePen. Its core functionality is the ability to write code in the browser and view the results as you construct. A practical and free online code editor for developers of any experience level, but especially liberating for those just starting with coding.
CodePen is a tool for collaboratively altering open-source code. As a SAAS-based browser-based alternative to traditional text editor software, CodePen provides front-end web designers. It’s also a great training tool for beginner developers because it helps you spot mistakes immediately in a group context.
With this tool, you can learn, create, execute, and test your Python script. After opening it locally, you can use this IDE to continue building the script. You can download local copies of the code and output.
We’ll start with the CSS part as we’ve already finished the website in my HTML part of the website. Follow these steps to make your first website about your hobbies.
As we did this in HTML, we’ll use CSS to change the color, font, font size, etc.
body{
background-color: cyan;
text-align: center;
}
h1
{
color: black;
background-color: yellow;
border-style: dotted;
border-width:10px;
border-color: midnight blue;
}
h2
{
color: green;
background-color: white;
}
h3
{
color: yellow;
background-color:#5382b8;
}
h4{
color:#d17152;
background-color: black;
}
h5{
color: red;
background-color: yellow;
}
p{
color:#63d478;
background-color:#843ec9;
}
(You can just copy-paste this!)
The result should be like this↓
Thanks for reading. Please clap for me!
