Bootstrap fon rangi oq rangli konteyner + veb-sayt to'g'ri ko'rsatilmagan

asl veb-sayt rel = "nofollow noreferrer"> yangi veb-sayt . Aslida, sahifada ko'k matnli barcha oq ranglar mavjud. Yangi sahifada men qo'shishga harakat qildim

html {
background-color: red;

body {
color: #036;
font-size: 2rem;
background-color: #fff; }

Bu original sahifadagi CSS-dir

body {
color: #036;
font-size: 2rem;
background-color: #fff; }



 body {
 color: #036;
 font-size: 2rem;
 background-color: #fff; }

Asl sahifa to'g'ri ishlaydi, lekin yangi sahifa orqa fonning html qizilligini ko'rsatmaydi va HTML to'liq tekshirilsa ham, butun sahifa to'g'ri ko'rsatilmaydi. Buni tushunishga yordam bera olasizmi? Rahmat

EDIT Men o'z savolimga to'g'ri javob bermadim. Ushbu sahifaga o'xshashligini istayman stnickporticons.com, bu yerda rang tashqi html va o'rtada oq rangda joylashgan

0
Ha, lekin asosiy tananing oq qismi oq bo'lishini xohlayman
qo'shib qo'ydi muallif mlegg, manba
Ha, lekin asosiy tananing oq qismi oq bo'lishini xohlayman
qo'shib qo'ydi muallif mlegg, manba
EDIT: bu men istagan narsaga yaqin. Savolimga to'g'ri javob bermadim. Ushbu sahifaga o'xshashligini istayman stnickporticons.com bu erda rang tashqi HTML va o'rtada hamma oq.
qo'shib qo'ydi muallif mlegg, manba
EDIT: bu men istagan narsaga yaqin. Savolimga to'g'ri javob bermadim. Ushbu sahifaga o'xshashligini istayman stnickporticons.com bu erda rang tashqi HTML va o'rtada hamma oq.
qo'shib qo'ydi muallif mlegg, manba
Ishlamagan Cruze
qo'shib qo'ydi muallif mlegg, manba
Ishlamagan Cruze
qo'shib qo'ydi muallif mlegg, manba
Fon rangi "HTML" tagida bo'lmasligi kerak. Shuningdek, siz tanada fon rangini ham ziddiyatga olib kelishi mumkin. Bu faqat tanada bo'lishi kerak va siz faqat bitta tanlovni tanlashingiz mumkin.
qo'shib qo'ydi muallif Chris Cruz, manba
Fon rangi "HTML" tagida bo'lmasligi kerak. Shuningdek, siz tanada fon rangini ham ziddiyatga olib kelishi mumkin. Bu faqat tanada bo'lishi kerak va siz faqat bitta tanlovni tanlashingiz mumkin.
qo'shib qo'ydi muallif Chris Cruz, manba
@mlegg mening eng so'nggi tahrirlarni ko'rsating. Men sizning izlayotgan narsangiz bo'lishi mumkin deb o'ylayman.
qo'shib qo'ydi muallif Chris Cruz, manba
@mlegg mening eng so'nggi tahrirlarni ko'rsating. Men sizning izlayotgan narsangiz bo'lishi mumkin deb o'ylayman.
qo'shib qo'ydi muallif Chris Cruz, manba
fon rangi qizil rangli yangi sahifani o'zgartirishni xohlaysizmi?
qo'shib qo'ydi muallif cnsvnc, manba
fon rangi qizil rangli yangi sahifani o'zgartirishni xohlaysizmi?
qo'shib qo'ydi muallif cnsvnc, manba
@mlegg imgur.com/a/AGT7J shunday emasmi? agar bu .container: fon: qizil; yoki aksincha xohlasangiz? Buni imgur.com/a/Ltkjb olishni istasangiz; body {fon-rang: qizil}. konteyner {fon-rang: oq;}
qo'shib qo'ydi muallif cnsvnc, manba
@mlegg imgur.com/a/AGT7J shunday emasmi? agar bu .container: fon: qizil; yoki aksincha xohlasangiz? Buni imgur.com/a/Ltkjb olishni istasangiz; body {fon-rang: qizil}. konteyner {fon-rang: oq;}
qo'shib qo'ydi muallif cnsvnc, manba

6 javoblar

Buni men hal qildim

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

html {
  background-color: red;
}
body { 
  color: #036;
  font-size: 2rem;
  background-color: #fff; 
  width: 90%;
 margin: 0 auto
}
</div> </div>
0
qo'shib qo'ydi

Buni men hal qildim

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

html {
  background-color: red;
}
body { 
  color: #036;
  font-size: 2rem;
  background-color: #fff; 
  width: 90%;
 margin: 0 auto
}
</div> </div>
0
qo'shib qo'ydi

Looking at your "newer website" code you can see a red bar at the bottom of your page. You are applying the background-color to the html and not to the body

body {
 color: #036;
 font-size: 2rem;
 background-color: red; /*red*/
}
0
qo'shib qo'ydi

Looking at your "newer website" code you can see a red bar at the bottom of your page. You are applying the background-color to the html and not to the body

body {
 color: #036;
 font-size: 2rem;
 background-color: red; /*red*/
}
0
qo'shib qo'ydi

CSS-ga yangi sahifani ko'rib chiqsangiz, sizning sahifangiz to'g'ri shakllanmasligiga olib keladigan ba'zi sintaktik xatolarga ega ekanligingiz ko'rinadi.

Masalan, yangi sahifada "html" stili yorlig'i yopiq ko'rinmaydi.

html {
  background-color: red;
// Here you are missing the closing tag.

body {
  color: #036;
  font-size: 2rem;
  background-color: #fff; 
}

Bundan tashqari, tanangizdagi "fon-rang" ni belgilashni xohlaysiz. Bundan tashqari, sizning so'nggi sharhlaringiz asosida ikkita alohida rang istaysiz. Mana natijada, siz izlayotgan natijalarni umid qiladigan sozlangan CSS:

body {
  color: #036;
  font-size: 2rem;
  background-color: red;
}

.container {
  background-color: white;
}    

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #036;
}

.masthead img {
  width: 100%;
  height: 100%;
  padding-top: 5rem;
  height: calc(100% - 1px);
  background-image: url('images/Ahepa215-banner.jpg') no-repeat fixed center;
  background-size: cover;
}
0
qo'shib qo'ydi

CSS-ga yangi sahifani ko'rib chiqsangiz, sizning sahifangiz to'g'ri shakllanmasligiga olib keladigan ba'zi sintaktik xatolarga ega ekanligingiz ko'rinadi.

Masalan, yangi sahifada "html" stili yorlig'i yopiq ko'rinmaydi.

html {
  background-color: red;
// Here you are missing the closing tag.

body {
  color: #036;
  font-size: 2rem;
  background-color: #fff; 
}

Bundan tashqari, tanangizdagi "fon-rang" ni belgilashni xohlaysiz. Bundan tashqari, sizning so'nggi sharhlaringiz asosida ikkita alohida rang istaysiz. Mana natijada, siz izlayotgan natijalarni umid qiladigan sozlangan CSS:

body {
  color: #036;
  font-size: 2rem;
  background-color: red;
}

.container {
  background-color: white;
}    

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #036;
}

.masthead img {
  width: 100%;
  height: 100%;
  padding-top: 5rem;
  height: calc(100% - 1px);
  background-image: url('images/Ahepa215-banner.jpg') no-repeat fixed center;
  background-size: cover;
}
0
qo'shib qo'ydi