CAREER & TECHNOLOGY STUDIES
  • Home
  • Photography
  • Business
    • ENT 1010
    • ENT 1020
    • ENT 1090 Proj. A
    • ENT 2010
    • ENT 2020
    • ENT 2040
    • MAM1010 - Marketing >
      • MAM1010-Introduction
    • FIN1015
  • Design
    • DES3115-Industrial Design
  • Construction
    • CON 1010
    • CON 1120
    • CON 1140
  • Video & Film
    • COM1015 - Media >
      • COM1015 - Day 11/12
    • COM 1105 Audio/VIdeo >
      • COM 1105 -day1.Genres
    • COM 1145 Animation >
      • Frozen - Youtube
    • COM2105 Preproduction
    • COM 2115 Production
    • COM2175: Interactive Presentation
    • COM 2145 Animation
    • Green Screen After Effects
    • COM3105 Preproduction 2
  • Legal Studies
    • LGS3040 Negligence
    • LGS3010 - Property Law
    • LGS3080 Criminal Law
    • LGS3060 Controversy & Change
  • Baron Blocks
  • Link Page
  • Broadcasting
  • COMPUTERS
    • HTML/CSS Intro
    • HTML/CSS Intermediate
  • HTML/CSS 2

CSS SPECIAL EFFECTS
&
HTML 

HTML/CSS INtermediate
Spaces and Margins

Google CSS3 STYLE GUIDES

We can follow the Google Style Guide to help make our web page look better and clean up our code to make it easier to read and format.
This section will help develop more effective style within your webpage. 

Images

We can review how to add images to our pages. To make the page look better, you will need to add some borders and colour. Google Style Guide recommends putting " " around the HTML attribute values, but ' ' around CSS properties.
​
Picture

Image Width and Height

We can use CSS properties to modify images instead of using HTML <img> tag attributes. There are actually two ways to set the size of an image: using the img tag attribute or using a CSS property.The following code sets the width using the img tag attribute:
Picture

Image Borders

We can learn how to add image borders using CSS. A border is added to an image by setting the border-style property to solid.Other border styles are: dotted, dashed, double, groove, ridge, inset, outset, and none.
The width of a border can be set with the border-width property.
Picture

Border Colour

We can change the color of image borders using CSS. The border color is set using the border-color property.To show a border you must set the border-style.
Picture

Simplified Code

We can write our CSS border properties in shorthand for simpler code. Like fonts, borders have a shorthand property.This property combines the values for border-style, border-width, and border-color into a single line of code.

​

Picture

Location

Vision and Wisdom

Rooted in Jesus.... Hearts to Love, Hands to Serve"

Contact Us

    Subscribe Today!

Submit
  • Home
  • Photography
  • Business
    • ENT 1010
    • ENT 1020
    • ENT 1090 Proj. A
    • ENT 2010
    • ENT 2020
    • ENT 2040
    • MAM1010 - Marketing >
      • MAM1010-Introduction
    • FIN1015
  • Design
    • DES3115-Industrial Design
  • Construction
    • CON 1010
    • CON 1120
    • CON 1140
  • Video & Film
    • COM1015 - Media >
      • COM1015 - Day 11/12
    • COM 1105 Audio/VIdeo >
      • COM 1105 -day1.Genres
    • COM 1145 Animation >
      • Frozen - Youtube
    • COM2105 Preproduction
    • COM 2115 Production
    • COM2175: Interactive Presentation
    • COM 2145 Animation
    • Green Screen After Effects
    • COM3105 Preproduction 2
  • Legal Studies
    • LGS3040 Negligence
    • LGS3010 - Property Law
    • LGS3080 Criminal Law
    • LGS3060 Controversy & Change
  • Baron Blocks
  • Link Page
  • Broadcasting
  • COMPUTERS
    • HTML/CSS Intro
    • HTML/CSS Intermediate
  • HTML/CSS 2