CSS
- 4 ответа
- 0 вопросов
4
Вклад в тег
<script>jQuery("head").append("<link rel="stylesheet" type="text/css" href="/путь_до_файла_стилей.css">");</script></body>, плюс, если у вас могут быть пользователи с отключенным javascript'ом в браузере (мало ли), нужно будет продублировать подключение файла стилей внутри тегов <noscript></noscript>, например, так: <noscript><link rel="stylesheet" type="text/css" href="/путь_до_файла_стилей.css" /></noscript>font-family, например так:.icon-vk:before {
font-family: "название_иконочного_шрифта";
}@font-face {
font-family: "название_иконочного_шрифта";
src: url("путь_до файла_eot");
src: url("путь_до файла_ttf") format("truetype"), url("путь_до файла_woff") format("woff"), url("путь_до файла_svg?") format("svg");
font-weight: normal;
font-style: normal;
}\e80f, и, соответственно, чтобы вывести какой-то символ, нужно использовать конструкцию вида:.icon-vk:before {
content: '\e80f';
}:before (или, иногда, :after) используются для того, чтобы сохранить работоспособность механизма на тот случай, если элементы сайта динамически формируются, например, PHP функцией, и нет прямой возможности редактировать HTML. /* Custom, iPhone */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone */
@media only screen and (max-width : 320px) {
}