ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Основы CSS

 

6703
Андрей @ZloVeЩиЙ
Андерлайн и solid\dashed\dotted\ - мне давно известны, пользуюсь часто.
Но это все равно не то...
Видел ссылки у которых линия отличается, цветом или стилем например от основного текста, сейчас попытаюсь найти что то..

2970
удалён @Foggy
ValdeZ правильно говорит. Это именно бордюр. Я сам когда-то это искал. Ничего кроме бордюра не нашёл. Полазай по css сайтов, на которых ты это увидел.

4875
ValdeZ @ValdeZ
ZloVeЩиЙ пишет:

Андерлайн и solid\dashed\dotted\ - мне давно известны, пользуюсь часто.
Но это все равно не то...
Видел ссылки у которых линия отличается, цветом или стилем например от основного текста, сейчас попытаюсь найти что то..

Ну и? Цвет один задать, а цвет рамки внизу другой....
а больше ничего и нет...

Отредактировано ValdeZ - 20.08.2009
3473
Фарид @F_a_R_i_D
вопрос

<link href="/themes/elike/css/reload.css?3" rel="stylesheet" type="text/css" />
<link href="/themes/elike/css/style.css?13" rel="stylesheet" type="text/css" />

что это?

2970
удалён @Foggy
я лично впервые такое вижу... думаю, что-то с пхп связанное...

2536
удалён @crigon
F_a_R_i_D пишет:

вопрос

<link href="/themes/elike/css/reload.css?3" rel="stylesheet" type="text/css" />
<link href="/themes/elike/css/style.css?13" rel="stylesheet" type="text/css" />

что это?

Чтобы CSS не кешировался

2970
удалён @Foggy
а почему именно 3 и 13?

7094
Dim @Render
Foggy пишет:

а почему именно 3 и 13?

Потому что - типо рандома. 🐱‍👤

2970
удалён @Foggy
то есть можно любые числа туда ставить? и что они означают тогда?
я похож на дурака... хотя я и есть дурак... ну не суть

8497
Степан @Trilby
Foggy пишет:

то есть можно любые числа туда ставить? и что они означают тогда?
я похож на дурака... хотя я и есть дурак... ну не суть

Если я все правильно понял - CSS так или иначе кешируется, но при каждой загрузке меняется ссылка, и считается как другой файл... Хотя может я и не прав.

6600
Александр @admiral
crigon впринципе коротко и понятно сказал уже) Используют это для того что бы сбросить кеш у пользователя, принудительно! Тоесть после .css прописывается ?254985 знако вопроса и всякий мусор, так как не всегда, и не все браузеры сбрасывают кеш, если например вы обновили стили.. Ну а мусор может быть любым)

PS кстате **********
Да и еще, практичнее было бы на мой взгляд этот мусор тоже держать в порядке, например так style.css?ver1, так хоть и самому понятно какая версия файлика стилей)

2970
удалён @Foggy
admiral, Спасибо большое) Понял суть даже не посмотрев хабр)
(хотел это в репу с плюсом, но понял, что туда тебе сегодня я уже писал)

5421
Глеб @Глебон
Подскажите пожалуйста как можно через CSS сделать, что бы фоновое изображение растягивалось по размерам экрана пользователя?

8497
Степан @Trilby
**********

на великом и могучем:
**********

Отредактировано Trilby - 30.12.2010
4151
Дмитрий @Pioner
В общем дошли мои руки до изучения блочной верстки, и стал вопрос есть блок и есть картинка которая должна быть фоном в данном случае фоном логотипа, и есть слой с текстом а теперь внимание вопрос как наложить текст в данном случае логотип на картинку тобиш текст поверх картинки)

8497
Степан @Trilby
в body:
<div id='boltayka'>Твой текст</div>
в style
div#boltayka {
background: url('logofile.jpg') no-repeat;
height: 100px;
width: 500px;
}

можно ещё через class'ы..
Будет выглядеть так:
<div class='boltayka'>Твой текст</div>
а div#boltayka заменится на .boltayka

Отредактировано Trilby - 10.01.2011
6600
Александр @admiral
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>MySite</title>
<style type="text/css">
#header {
height: 200px; /* Высота блока */
width: 200px; /* Ширина блока */
background: #fc0 url('img/image1.jpg') no-repeat;
}
#logo {
height: 100px; /* Высота блока */
width: 100px; /* Ширина блока */
background: #f00 url('img/image2.jpg') no-repeat;
margin: 50px;
padding: 50px;
}
</style>
</head>
<body>
<div id="header">
<div id="logo">MySite</div>
</div>
</body>
</html>

Это если два слоя с разными фоновыми картинками )
PS стили можно и в .css закинуть

1410
Антон @tonik
Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

1555
Алексей @TheDark
tonik пишет:

Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

у тебя почему-то 5 значений у свойства box-shadow. Должно быть 4: горизонталь, вертикаль, размытие и цвет. Вот ********** подробнее об этом.

1410
Антон @tonik
DarkLive пишет:

tonik пишет:

Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

у тебя почему-то 5 значений у свойства box-shadow. Должно быть 4: горизонталь, вертикаль, размытие и цвет. Вот ********** подробнее об этом.

4 позиция - это растяжение тени...
убрал его, тормозить перестало, но выглядит уж сильно жирно...
Инфу брал тут: **********
Но всё равно спасибо, подправлю...)