Css. Block model

margin

border

padding

content

margins by horizontal added, by vertical joined

Читать на сайте автора.

Сss. BEM (Block Element Modificator)

BLOCK AND ELEMENT

Blocks can be inside blocks infinite times

<div class = «block»> <div class = «block__element»> </div> <div class = «anotherBlockInside»> <div class

Читать на сайте автора.

Css. Float

.myClassLeft { float: left width: 33 % } .myClassRight { float: right width: 33 % } myClassNone { float: none }

Читать на сайте автора.

Css. Mediaqueries

to display on different devices

WHEN CONNECT CSS FILES

<link href=»css/small.css» rel=»stylesheet» media=»(max-width:480px)»> <link href=»css/large.css» rel=»stylesheet» media=»(min-width:769px)»> <link href=»css/medium.css» rel=»stylesheet» media=»(min-width:481px) and (max-width:768px)»> // import

Читать на сайте автора.

Css. Fonts

@font-face to define style in css

// color

color: rgb(100%,100%,100%); color: rgb(255,255,255); color: rgba(255, 100, 50, .5); // last param is transperency, from 0 to

Читать на сайте автора.

Css. Flush default browser styles

reset.css

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,

Читать на сайте автора.

Css. Specificity

p {} 1 point, simple tag selector .myClass {} 10 point .myId {} 100 points <div style = «text-align: center»></ div> 1000 points

Lets say

Читать на сайте автора.

Css. Inheritance

styles are inherited. for ex. <p> inside <body> inherits styles of <body>

body { font-family: Arial, Helvetica, sans-serif; } // this will be inherited for

Читать на сайте автора.

CSS. Selectors. Pseudo classes. Attributes

HTML5 is contemporary format. (HTML 4.01 <br>, xHTML <br />, HTML supports both).

HTML5 brings new tags like <header>, <footer>, also tags for audio and

Читать на сайте автора.

Typescript. What’s for?

Example №1

in js we can do tricks like this

const message = «hi»; message.toUpperCase(); // keeping in mind that it is a string /*

Читать на сайте автора.