Здравствуйте, у меня проблема. Я недавно начал заниматься версткой и у меня сразу же появились непонятные проблемы.
Я писал код, все шло нормально, но в один момент когда я прописал margin-bottom: 10px, то он не сработал. Я продолжил работу несмотря на это и я обнаружил что все последующие CSS стили перестали работать. Я даже удалял все стили чтобы посмотреть работают ли они вообще, но оказалось что даже удаление всех стилей не дало никакого результата, страничка просто зависла. Эта проблема происходит уже второй раз, в первый раз помогло только полное удаление проекта. Подскажите пожалуйста в чем проблема.
PS Я работаю в файле index.php вместо index.html
spoiler*{
margin: 0;
padding: 0;
outline: none;
}
html{height: 100%;}
body{
width: 100%;
height: 100%;
background-color: : #fff;
color: #333;
font-family: "Segoe UI", Arial, sans-serif;
font-size: 1em;
line-height: 135%;
float: left;
}
img{
max-width: 100%;
height: auto;
width: auto\9;
}
a{
color: #FF8C7D;
text-decoration: none;
}
a:hover{
color: #085FB2;
}
.clear{
clear: both;
}
/* Header
===============================*/
header{
width: 98%;
float: left;
padding: 1%;
background-color: #fafafa;
border-bottom: 2px solid silver;
margin-bottom: 20px;
}
.header__top{
display: flex;
justify-content: space-between;
}
header .logo{
width: 40%;
float: left;
}
header .logo a{
font-size: 2em;
color: #939393;
font-family: Times new Roman, sans-serif;
}
header .logo span{
color: #085FB2;
}
header .menu__head{
width: 24%;
float: left;
text-align: center;
}
header .menu__head div{
float: left;
margin-right:5%;
padding: 5px;
background-color: #afafaf;
border-radius: 10px;
color: #fff;
}
header .menu__head div:hover{
float: left;
background-color: #e7e7e7;
}
header .reg__auth{
width: 30%;
float: right;
text-align: right;
font-size: 2em;
}
/* Footer
===============================*/
footer{
width: 98%;
float: left;
padding: 1%;
background-color: #fafafa;
border-top: 2px solid silver;
margin-top: 10px;
}
footer .social{
float: left;
width: 50%;
}
footer .rights{
float: right;
width: 50%;
text-align: right;
}
footer .social img{
width: 50px;
height: 50px;
float: left;
margin-right:5px;
}
/* Wrapper
===============================*/
.wrapper{
width: 80%;
margin-left: 10%;
float: left;
}
.wrapper .leftCol{
width: 70%;
margin-right: 10%;
float: left;
}
.wrapper .rightCol{
width: 20%;
float: left;
}
/* Banner
===============================*/
.wrapper .rightCol .banner{
width: 100%;
float: left;
margin-bottom: 20px;
}
/* Articles */
.wrapper .leftCol .bigArticle{
width: 78%;
margin-left: 10%;
background-color: #f6f6f6;
padding: 1%;
float: left;
}
.wrapper .leftCol .bigArticle img{
width: 100%;
margin-bottom: 10px;
float: left;
}
.wrapper .leftCol .bigArticle h2{
font-weight: normal;
font-size: 1.3em
color: #9a9a9a;
}
Простой
