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 /*