![]() Together, they make up what’s called a declaration (everything I’ve highlighted in blue in the above example). ![]() Your property and value will always be joined at the hip using a colon or ‘:’ like above! □ Wondering why I’ve highlighted parts of it in blue? It’s really rather important, so read on to find out! Value: The value is the bit that you’d tweak to do the actual customizing (telling Squarespace how you want that aspect of your content to look to your site visitors). Property: The property tells you which aspect of your content you wish to change (so you can target things like color, font type, font size, spacing, position etc. Selector: The selector is what is borrowed from the HTML code of your site, to help identify which bit of content you are applying the customization to. Let’s use this example to break it down the anatomy of a basic CSS rule. That’s right! My h1 (Heading 1) font color! Not sure what CSS even looks like? Here’s an example of a superrrrr basic CSS rule: Squarespace CSS 101: Understanding CSS basics So it’s important to have a basic understanding of how CSS code snippets are created, to understand how to use them on your site! HTML = the language used to communicate what content should live on each page of your website (your images, text, buttons, etc)ĬSS = the language that says how that content should appear based on the rules you or your Squarespace template apply.Īnd while there are a bajillion gorgeous, fun ways to use custom CSS to customize your Squarespace site…Ĭopying and pasting all those little code snippets really isn’t going to do you any good if you don’t know how to tell Squarespace which bits of content you want to style. If you read my post Squarespace CSS: what you need to know before you get started, you’ll remember that all CSS does is style the content that already lives on your site. New to squarespace? You can sign up for a free trial here and I also got ya a little off the price! Use code PAIGE10 for 10% off your first year.
0 Comments
Leave a Reply. |