https://github.com/n4vrl0s3/basic-cascading-style-sheet
Basic Cascade Style Sheet (CSS)
https://github.com/n4vrl0s3/basic-cascading-style-sheet
cascading-style-sheets css css3
Last synced: 3 months ago
JSON representation
Basic Cascade Style Sheet (CSS)
- Host: GitHub
- URL: https://github.com/n4vrl0s3/basic-cascading-style-sheet
- Owner: n4vrl0s3
- License: apache-2.0
- Created: 2025-02-11T18:54:10.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2025-03-17T01:35:51.000Z (3 months ago)
- Last Synced: 2025-03-28T07:01:56.170Z (3 months ago)
- Topics: cascading-style-sheets, css, css3
- Language: HTML
- Homepage:
- Size: 72.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Basic Cascading Style Sheets (CSS)
This repository contains the source code for a basic CSS project demonstrating the fundamental concepts and usage of CSS. This project is designed to help beginners understand how to style web pages using CSS.
## Purpose of This Repository
To provide a foundational understanding of CSS and demonstrate how to style web pages with various CSS properties and techniques.
## Demonstration
Below is a demonstration of a simple CSS styling:
```html
Basic CSS Page
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 1rem;
}
nav ul li a {
color: #333;
text-decoration: none;
}
main {
padding: 1rem;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
position: fixed;
width: 100%;
bottom: 0;
}
Welcome to My Styled Website
Home
This is the home section.
About
This is the about section.
Contact
This is the contact section.
© 2023 My Styled Website
```
## Features
- Basic CSS styling
- Header, navigation, main content, and footer sections
- Simple navigation links
- Responsive design with meta viewport tag
## Technologies Used
- HTML5
- CSS3
## Project Setup
1. **Clone this Repository**
```bash
git clone https://github.com/n4vrl0s3/Basic-Cascading-Style-Sheet.git
```
2. **Open the project in your preferred code editor**
## Steps to Run
1. **Open the project in your preferred code editor**
2. **Open the `index.html` file in a web browser to view the styled web page**
## License
This project is licensed under the Apache-2.0 License. See the [LICENSE](LICENSE) file for details.