XHTML/ CSS - Margin

Margin is the space around an element. There is default margins, but you can move elements around and in relation to each other using margin elements.

Definition and Usage

The margin property sets the margins for an element, and is a shorthand property for the following properties:
If the margin property has four values:
  • margin: 10px 5px 15px 20px;
    • top margin is 10px
    • right margin is 5px
    • bottom margin is 15px
    • left margin is 20px
If the margin property has three values:
  • margin: 10px 5px 15px;
    • top margin is 10px
    • right and left margins are 5px
    • bottom margin is 15px
If the margin property has two values:
  • margin: 10px 5px;
    • top and bottom margins are 10px
    • right and left margins are 5px
If the margin property has one value:
  • margin: 10px;
    • all four margins are 10px
Note: Negative values are allowed.

https://www.w3schools.com/cssref/pr_margin.asp

https://www.youtube.com/watch?v=veKHw125UJs&index=23&list=PLC1322B5A0180C946

Comments

Post a Comment

Popular posts from this blog

Python 3.4 - Caesar Cipher

Caesar ciphers take a list of values and rotates through them to give them a different value. The program below takes from the alphabet and creates a cipher of the message. It returns many variations of the cipher then returns the actual message. import string import collections def caesar (rotate_string , number_to_rotate_by): upper = collections.deque(string.ascii_uppercase) lower = collections.deque(string.ascii_lowercase) upper.rotate(number_to_rotate_by) lower.rotate(number_to_rotate_by) upper = '' .join( list (upper)) lower = '' .join( list (lower)) return rotate_string.translate( str .maketrans(string.ascii_uppercase , upper)).translate( str .maketrans(string.ascii_lowercase , lower)) my_string = 'This is the message' my_string2 = caesar(my_string , 1 ) for i in range ( len (string.ascii_uppercase)): print (i , "|" , caesar(my_string2 , i)) /Users/mattfassnacht/PycharmProjects/untitled12/venv/bin/pyt
Read more

UML - Use Case Diagram

Image
UML stands for unified modeling language. It is used to create a blueprint for a project. A use case diagram is a list of steps needed to reach a goal. Its defines what is required and how those requirements are met. You will narrow down what you have to have. Before you create a use case diagram you need to create a description of the use case diagram. For example the above would look something like this: Use case descriptions includes who the actors are, what the triggers are, and other elements. Beta versions of a project have Shall requirements, should requirements can be done but can be done later. A use case diagram uses stereotypes to represent an element of your system. https://whatis.techtarget.com/definition/use-case-diagram https://www.youtube.com/watch?v=OkC7HKtiZC0
Read more