gunaevart

<div class="new">Див</div>


.new {
  width:200px;
  height:20px;
  border:1px solid black;
  padding:5px;
  position: relative; 
}

gunaevart

Команды в Git Bash консоли
clear — Очистить консоль

Навигация
pwd — Показать текущий каталог
ls - Показать файлы в данной папке, кроме скрытых
ls -f — Показать файлы в данной папке, включая и скрытые
cd c:/ — Перейти в конкретный каталог
cd - — Вернуться назад
cd .. — Выйти на 1 уровень вверх

gunaevart

<div class="top-nav">
  <ul class="top-nav_menu">
    <li><a href="#">CSS</a></li>
    <li><a href="#">SASS</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">PHP</a></li>
  </ul>
  </div>
  -------------SASS--------------
  .top-nav

gunaevart

<?php
$list = scandir('data');

foreach ($list as $item){

}
    if($item != '.' && $item != '..'){
        echo '<br>';
        echo '<a href="data/'.$item. '"> Перейти к файлу '.$item.'</a>';
    }

gunaevart

// удалякм LAMP   sudo apt purge php* apache2* mysql* -y

//Устанавливаем LAMP sudo apt-get install lamp-server^
sudo apt-get -y update && sudo apt-get -y upgrade && sudo apt-get -y install lamp-server^ && sudo apt-get -y install phpmyadmin

// Если не работает phpmyadmin делаем 
sudo ln -s /etc/phpmyadmin/apache.conf /etc/apache2/conf-available/phpmyadmin.conf
sudo a2enconf phpmyadmin
sudo /etc/init.d/apache2 reload

gunaevart

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

gunaevart

<label><input type="checkbox"><i></i></input></label>

body{
  text-align:center;
}
input{
  display: none;
}

i{

gunaevart

HTML:
<div class="wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>

gunaevart

        -------HTML------
        <div>
          <a href="#" class="tooltiped" data-text="Название тултипа">Наведи на меня я тул-тип</a>
        </div>
        -------SASS------
.tooltiped{
	position: relative;
	&:before{
		content: attr(data-text);
		position: absolute;

gunaevart

Установка gulp в NPM 
npm i gulp-cli -g
Переходим в папку проекта и ставим gulp локально
npm i gulp --save-dev
npn init
Устанавливаем gulp-sass
npm i gulp-sass --save-de

Создаём в корне проекта где установлен галп фаил gulpfile.js
--Содержание файла--