University:
Boston University
Course:
GRS CS 910 | Directed Study: Systems
Academic year:

2023
Views:

70

Pages:

12
Author:

seikasellifxf

CSS Intro to CSS What is CSS and How is it used? What exactly is it? How and where is CSS it used? ● CSS is what makes web pages more aesthetic ● It changes things like text color, font, and things like that. ● CSS code is a put in a file that accompanies an HTML file. ● It takes what the HTML code has created ( text, images, etc.) and formats it to look nice on the webpage. To add CSS to your Html file write: within the head tags at the top of your html page. “styles.css” would be the name of your css file. Web page with CSS: Web page without CSS How is CSS written/formatted? Changing things just for header 1 Changing things just for this paragraph Earlier in the code, if some elements were grouped together into something named “.red_txt”, then later everything under that could be easily changed to be red using these lines of CSS code. Each part, like with html tags, is sectioned off with curly brackets Let’s get into it! How to use CSS to do some basic things Changing text colors and fonts h1 { color: blue; font-size: 20 pt; font-family: “Times New Roman”; } Anything you want to change about the text of one html element goes inside the two curly brackets. Format it like this: What you’re changing: by what; Changing your text (more detailed) If you want to change the way your text looks in terms of it being in italics or bolded then here’s what you can do! Italics: font-style:italic; Bold: font-weight:bold; Font size: font-size: #px; Aligning center: text-align:center; Changing background color If you want to change the background color of your website then here’s how you do it! In your CSS page start by putting body { background: } Then add your color that you want. This will change your body to the color you added! Adding borders! Adding borders to your website makes it look really nice. Here’s how you can do it! Fun Fact! Håkon Wium Lie first proposed CSS Html with CSS! HTML and CSS go hand in hand when creating a webpage. From what you have learned, you now know that HTML creates the actual text and body of the website, and CSS adds color and style. It’s simple and fun to use HTML and CSS together to create a website. HTML CSS