Css стандарты және стильдер кестесі Стильдердің каскадты кестелері css қызметі css тарихы css негізі



бет4/10
Дата10.01.2023
өлшемі211,14 Kb.
#165226
1   2   3   4   5   6   7   8   9   10
Байланысты:
1. 1 css ûçìåò³ 2 css òàðèõû 3 css íåã³ç³ 4 css òåã³ ò ñ

және

тегтерінің арасында орналасқан мәтін толығымен ақ түске боялатындығын көрсетеді (оналтылық жүйеде оның номері – ffffff).
Алайда, егер де сіз барлық түстермен де осылай болады деп ойласаңыз, қателесесіз! Ақ және қара түстер – абсолютті түсініктер. Бірақ, "green" және "#00ff00" түстерін және басқа да танымал түстерді салыстырып көріңіз.
Бір қасиетті тегті бір жазбаға топтай отырып, бірнеше тегтерге енгізуге болады. Келтірілген мысалда біз тақырыптың барлық үш типі үшін қара түсті орнатамыз:
h1,h2,h3 {color: #000000}
Тег секілді, біз қасиеттерді де топтай аламыз. Бұл үшін осы анықтамаларды қасиет үшін үтір нүктемен бөлу арқылы жақшаға алудың өзі жеткілікті:
h2 {
color: #000000;
font-size: 14pt;
font-family: Monaco
}
Бұл стиль екінші теңдеудің тақырыптары үшін 14 пунктті өлшемді Monaco шрифтті және қара түсті анықтайды. Егер де компьютерде Monaco шрифтіне рұқсат болмаса, онда үнсіз келісім бойынша орнатылған шрифт қолданылады. Мысалда код оны оқу жеңілірек болу үшін бірнеше қатарларға бөлінген. Егер де барлығын бір қатарғ,а жазатын болсақ, әсері өзгеріссіз, сол қалпы қалады. Егер де бір жазбада элементтерді немесе олардың қасиеттерін біріктіретін болса, онда неге барлығын біріктірмеске.
7.2.1 тапсырма.
Стильдер кестесінде үшінші теңдеудің тақырыбы мен абзацы үшін қара түс, 14 пунктті өлшем және Monaco шрифтін беріңіз. Бірінші теңдеуден екінші теңдеуге дейінгі тақырыптарына қоңыр түс және Arial шрифтін беріңіз.
styles.css файлындағы өзгерісті сақтаңыз және 1.htm и 2.htm файлдарымен терезе құрамын жаңартыңыз. Веб-беттің түрі қалаай өзгергенін көріңіз. Жазба да жетерліктей тұтастырылған. Стильдің жазбасы өте ұзақ болуы да мүмкін ғой, қарама-қарсы жағдайда оны әрбір файл үшін қайталау керек болады. Бұл шамамен былай көрінеді:
p,h3 {
color: #000000;
font-size: 14pt;
font-family: Monaco;}
h1,h2 {
color: gray;
font-family: Arial;}
2.2 Тег қасиеттерінің мұрагерлігі
CSS ұсынатын мүмкіндіктерлдің бірі тегтің басқа бір тег қасиетін мұра етіп алу болып табылады. Бұл дегеніміз, біз барлық мүмкін тегтердің қасиеттерін жазбау керек дегені. Егерде біз тегінің қасиетін алдын-ала бермесек, ол қосылған тег қасиетін мұра етеді. Мысалы,

бөлім4. Өте үлкен және таза

.
Егер стиль кестесі барлық

тақырыптары үшін жасыл түсті анықтаса, онда «Өте үлкен» сөзі басқалары секілді жасыл түске бояйды. Егер басқа жағынан қарағанда, біз үшін аспан көк түсті беретін болсақ, көрсетілген сөздер анықтағанымыздай, аспан көк болады.



Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   10




©www.engime.org 2024
әкімшілігінің қараңыз

    Басты бет