<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Modern Business - Start Bootstrap Template</title> <!— Bootstrap Core CSS —> <link href="css/bootstrap.min.css" rel="stylesheet"> <!— Custom CSS —> <link href="css/modern-business.css" rel="stylesheet"> <!— Custom Fonts —> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <!— HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries —> <!— WARNING: Respond.js doesn't work if you view the page via file:// —> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!— Navigation —> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <!— Brand and toggle get grouped for better mobile display —> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html">Start Bootstrap</a> </div> <!— Collect the nav links, forms, and other content for toggling —> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <a href="about.html">About</a> </li> <li> <a href="services.html">Services</a> </li> <li> <a href="contact.html">Contact</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="portfolio-1-col.html">1 Column Portfolio</a> </li> <li> <a href="portfolio-2-col.html">2 Column Portfolio</a> </li> <li> <a href="portfolio-3-col.html">3 Column Portfolio</a> </li> <li> <a href="portfolio-4-col.html">4 Column Portfolio</a> </li> <li> <a href="portfolio-item.html">Single Portfolio Item</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="blog-home-1.html">Blog Home 1</a> </li> <li> <a href="blog-home-2.html">Blog Home 2</a> </li> <li> <a href="blog-post.html">Blog Post</a> </li> </ul> </li> <li class="dropdown">

Утро доброе. Есть проблема. При верстке лендинг страницы мне не хватает опыта для названий классов и идентификаторов определенных блоков и т.д. Я понимаю что нужны какие то минимальные знания стандартов, или как там правильно. В общем где можно статью почитать, или видео какое глянуть?

Сколько я уже спрашивал на эту тему - все бестолку. Зато когда показываешь верстку, только и слышно "Ты что , дебил? Как этот можно этот блок было называть так то , гы лол с тебя..." Вывод один - каждый дрочит как БЭМ скажет, но это не точно.

а ты че в before решил в content раздавать номера?

а почему самому before не дать нижний бордер?

или шрифт у первой строки больше?

почему 1 p? у тебя же отступ меж строками, br будешь пихать? почему бы не сделать 2 p с отступами?

И последнее. Как с нумирацией разобраться?

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

и вообще, чего прогера не устроили bg? какая разница, пихать урл имаги в инлайн стиль тега или пихать в img тег?

как в хлебных крошках полосу сделать прозрачной, либо вообще ее убрать а то если делаешь ее прозрачной то и текст почему-то меняется на прозрачный wp

как в ::after всунуть картинку правильно?

задать ему картинку как бэкграунд

текст и афтер должны быть например inline-block

в общем предлагаю текст завернуть в спан, афтеру инлайн/инлайн-блок

в общем предлагаю текст завернуть в спан, афтеру инлайн/инлайн-блок