CSS common vocabulary

CSS is one of the most important languages for front-end development, and it is not easy to learn at all. So what are the common styles of CSS? Today we will summarize the commonly used vocabulary and style collection of CSS, hoping to help with your CSS learning and master the most commonly used styles of CSS!

CSS, also known as Cascading Style Sheets, is a computer language used to add styles (fonts, spacing, colors, etc.) to structured documents (such as HTML documents or XML applications). CSS can not only modify web pages statically, but also dynamically format the elements of web pages with various scripting languages.

CSS common vocabulary

Style

type

width

height

top

bottom

left

right

border 

solid 

radius 

background 

repeat

position

font

size

weight

bold

family

style collection of CSS 

float

F-l

float: left;

f-r

float: right;

text align

t-a-l

text-align: left;

t-a-r

text-align: right;

t-a-c

text-align: center;

margin & padding

Size could be 0, 5, 10, 15, 20, 30, 40, 50, 100, 150, 200, 250, 300.

m-{n}

m-{n} => margin: {n}px;

m-h-auto

margin-left: auto; margin-right: auto;

m-h-*

margin-left: *px; margin-rigth: *px;

m-v-*

margin-top: *px; margin-bottom: *px;

m-t-*

margin-top: *px;

m-b-*

margin-bottom: *px;

m-l-*

margin-left: *px;

m-r-*

margin-right: *px;

Except m-h-auto, padding usage is same with margin, such as p-10 or p-b-20.

color & background color

Color could be red, green, blue, white, black and gray.

.{color} will be color: {color};

Example

red

color: red;

bg-green

background-color: green;

fonts

bold/f-b

font-weight: bold;

f-n

font-weight: normal;

positions

p-f

position: fixed;

p-a

position: absolute;

p-s

position: static;

There are other software, such as MUSE, which can replace programming files such as CSS for front-end web design, but CSS is still one of the required software for front-end design. If you are not familiar with the use of CSS, you can try the Bestdaixie CSS writing service. We assign the best developers to ensure originality and quality.