Loading...
batebobo avatar batebobo 90 Точки

Здравей :)

"#" се ползва, когато искаш да селектираш елемент с дадено id. Например:
<div id="select">
</div>
мога да го селектирам в CSS по следния начин:
#select {
/*някакви стилове*/

}


"@" мисля, че е от CSS3 (не съм сигурен...поправете ме, ако греша) и съм го срещал единствено за @font-face.
@font-face се използва, когато имаш някой локален font файл, съдържащ шрифт, който искаш да използваш за сайта ти. Това подсигурява, че този твой шрифт ще работи (не ти трябва да изброяваш още след него, за да си сигурен, че няма да се счупи нещо).

Пише се ето така:

@font-face {
    font-family: myFont; (тук кръщаваш шрифта)
    src: url(someFont.woff); (тук слагаш пътя към шрифта)
}

След това можеш спокойно да ползваш новосъздадения от теб шрифт:
p {
    font-family: myFont; (или както си го кръстил)
}


Ако има нещо неясно от горните редове, питай :)
Поздрави!

1
kristopher avatar kristopher 4 Точки

Благодаря, разбрах всичко, аз си викам по id с '.' преди името на id-то. Каква е разликата между '.' и '#'  ?

1
batebobo avatar batebobo 90 Точки

С '.' се селектира по клас, а с '#' по Id. Нищо чудно селектирането по id да работи и с '.', но не е препоръчително, тъй като когато други хора ти преглеждат кода, е доста объркващо.

1
Keeper avatar Keeper 18 Точки

Всъщност "@" дори не се води селектор. Съществува от първата версия на CSS. "@" дефинира правила като обхваща няколко свойства и ги прилага на конкретно нещо (елемент, атрибут и т.н.)


Освен @font-face има също:

  • @import- за вмъкване на допълнителен .css файл

          Пример: 

           @import 'custom.css';
  • @page- можеш да го използваш като частична* алтернатива на селектора за body с изключението, че можеш да го ползваш, за да декларираш само margin и няколко други

          Пример: 

           @page {
               margin: 2cm;
           }
  • @media- с това можеш да приложиш стил върху конкретна "медия" (print, screen)

         Пример: 

          @media print {
               body {
                    font-size: 15pt;
               }
          }
  • @charset- декларираш енкодинга който ще ползва CSS

          Пример: 

           @charset "UTF-8";
  • @namespace- ползва се при работа със XML

          Пример: 

           @namespace url(http://www.w3.org/1999/xhtml);
  • @keyframes- ползва се за създаване на анимации

          Пример: 

           @keyframes animation { 
                  from {top:0px;}
                  to {top:10px;}
           }
  • @supports- ако даден елемент не се поддържа от браузъра, @supports осигурява алтернатива която ти сам декларираш

          Пример:

           @supports not (border-image: url('image.png') {
              .foo {
                  border: 3px solid green;
                  background: url('image.png');
              }
           }
  • @document- забранява употребата на стиловете за конкретен URL адрес

          Пример: 

           @document url(http://www.w3.org/)
5
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.