Part of the Arizona Technology Council

K-12 Categories

Advanced Search

Submit a Resource

Girls Who Code: Building an Activist Toolkit Pt. 4 - Add CSS Style

Part 4 of our Summer Series is all about CSS!

Now that you have some HTML written for your website, it’s time to beautify it with some CSS, or Cascading Style Sheets! CSS, describes what kinds of presentation rules – or styles – should be applied to HTML elements. For example, if you wanted to make the text larger or smaller you would do that using CSS. CSS allows you to change the way content on your website looks, including text color, text size, the fonts used, background colors or images, and so much more. There are so many different ways you can style your website but in this tutorial, we will show you how to style the text, images, navigation bar, and take action checklist.

Beginner – Intermediate

STEAM Topics STEM Careers Resource Audience Grade Level Tags PDFs

Technology Topics

CSS Programming

Engineer (Software)

Middle School, High School

7th Grade, 8th Grade, 9th Grade, 10th Grade, 11th Grade, 12th Grade

Download PDFs

Descriptions of PDFs

Download activity.

RELATED LISTINGS

Girls Who Code: Building an Activist Toolkit Pt. 5 - Responsive Design

Girls Who Code

In this lesson, you will learn how to make sure your website looks great on different screen sizes like laptop, tablet, and mobile devices.

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 3 - Build with HTML

Girls Who Code

Part 3 of our Summer Series, is an introduction to HTML.

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 2 - Design

Girls Who Code

Now it’s time to start planning the visual design of your website using two new tools: a wireframe and a mockup.

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 1 - Plan

Girls Who Code

In this project, you will learn the basics of project planning, HTML, and CSS to build a website around a cause that is important to you.

https://girlswhocode.com/programs/code-at-home

What are you looking for?

Organization

Girls Who Code

Website URL

https://girlswhocode.com/programs/cod...

Type of Resource

PDF File
Tutorial

Assigned Categories

STEM Careers
Technology
Technology - Computer Science
STEM Careers - in Technology

About SciTech Institute

SciTech Institute is a nonprofit organization dedicated to enhancing and promoting STEM education and awareness in Arizona and beyond. It works to achieve this through some of the strongest STEM initiatives in Arizona, including the Arizona SciTech Festival, the Chief Science Officers program, the RAIN grant, the Arizona STEM School Community of Practice, Science For All and more.

CONTACT US

SciTech Institute
1438 W. Broadway Rd., Ste 101
Tempe, AZ 85282

contactus@scitechinstitute.org

SciTech Institute is a collaborative initiative with the Arizona Commerce Authority and the Arizona Technology Council Foundation.