Про мышей

Что такое HTML+CSS

С помощью языка CSS можно менять всё оформление HTML страницы, все свойства тегов. К примеру, изменять цвет текста или сам шрифт, делать цветные рамки таблицам и даже простейшую анимацию. В этой статье рассмотрим основы CSS. Затем перейдём к более сложным примерам.

К примеру, зададим особый стиль для тега . Этот тег выделяет текст жирным. А мы сделаем такой текст ещё и красным. Для этого используем следующий CSS код:

Строчка «color: red;» называется свойством и его значением. Нетрудно догадаться из названия, что это свойство отвечает за цвет. А значение, которое пишется через двоеточие, делает его красным. В итоге, на странице браузера текст, выделенный тегом , будет автоматически становиться красным:

Часть текста выделена жирным шрифтом

В CSS коде выше, в примере, b называется «селектором». Этот селектор соответствует тегу b>. По аналогии вы можете использовать другие теги в качестве селекторов: «table«, «tr«, «i» и т.д.

Где хранится CSS код?

Стили для элементов страницы задаются несколькими способами. Самый простой — это внутри тега

 
 
 
 
Тише, мыши, кот на крыше,
 
а котята ещё выше.
 
Кот пошёл за молоком,
 
а котята кувырком.
 
Кот пришёл без молока,
 
а котята ха-ха-ха. 
 
b < 
color: green; 
font-size: 120%; 
> 
i < 
color: red; 
font-size: 80%; 
> 

Свойство «font-size: 120%;» задаёт размер шрифта относительно общего размера шрифта. При значении больше 100% оно увеличивает шрифт. Получится такой результат:

Тише, мыши, кот на крыше, 
а котята ещё выше. 
Кот пошёл за молоком, 
а котята кувырком. 
Кот пришёл без молока, 
а котята ха-ха-ха.

В этом примере продемонстрировано как задавать несколько свойств для разных селекторов. Обратите внимание, что свойства применяются ко всем тегам на странице.

Тег , внутри которого пишется CSS код, может быть где угодно на странице. Часто этот тег ставят в раздел .

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

— в таком случае текст внутри тега будет зелёным, а не красным, потому что значение свойства будет переопределено последним совпадением.

Можно задать сколько угодно свойств. В том числе те свойства, которые будут переопределить родные свойства тегов. К примеру, тегу можно задать свойство, при котором он перестанет выделять текст жирным.

При таком способе записи CSS и HTML перемешиваются, что сильно усложняет работу программисту. Логичным выходом является сбор всех стилей в одно место. А точнее — в один отдельный файл, который загружается при загрузке страницы. Такой файл можно подключить к HTML с помощью тега внутри блока :

 
 
 
  
 
Тише, мыши, кот на крыше,
 
а котята ещё выше.
 
Кот пошёл за молоком,
 
а котята кувырком.
 
Кот пришёл без молока,
 
а котята ха-ха-ха. 

По аналогии со ссылками в href=». « можно писать как относитльный путь к файлу стилей, так и абсолютный.

Подключаемый файл стилей «style.css» будет содержать всё, что было внутри тега

из предыдущего примера. То есть:

b < 
color: green; 
font-size: 120%;
>
i < 
color: red; 
font-size: 80%;
>

CSS файл «style.css» — это точно такой же текстовый файл, что и HTML. Для изменения этого файла вам понадобится любой текстовый редактор. Нет необходимости применять специальные программы.

Последний способ указать CSS свойство — это непосредственно внутри тега, в атрибуте style=». «. В таком случае свойством будет обладать только один тег, а не все теги на странице. Применять это можно так:

Часть текста выделена жирным шрифтом

Часть текста выделена жирным шрифтом

Помните о том, что свойства перезаписываются. Самым важным является CSS, указанный непосредственно внутри атрибута тега style=». «. Эти свойства будут применены в любом случае. А CSS в подключенном файле в секции . будет перезаписываться свойствами, которые находятся на странице ниже, внутри

.

Источник

Где находятся стили css(см.)?

Сделал сайт по скрипту, хочу поменять элемент в css, но нигде не могу найти где они находятся, ни в одной папке на сервере их нет. Но в браузере я их вижу. Где их найти??

Открываете исходный код страницы и смотрите откуда идет загрузка стилей.

Вариантов на самом деле не так уж и много:

1) Грузится css файл — смотрите путь до файла, повторяете на сервере.

2) Грузится таблица стилей прямо из html — правите html.

3) Грузится css со стороннего сервера — скачиваете, правите стили, правите пути и вуаля.

Более экзотические варианты встречаются редко.

Либо глазами, либо, если еще плохо понимаете устройство веба, то, так. В хроме — открываете консоль разработчика (ctrl+shift+J). Открываете раздел «Elements», выбираете нужный вам элемент и справа будет список стилей с указанием файлов. Наводите курсор на имя файла — показывает откуда этот файл был загружен. — 7 лет назад

вот путь, который там показан http://cdn.jsdeliver.net/bootstrap/3.34/css/bootstrap.min.css:5
а где его найти? — 7 лет назад

Загрузка идет со стороннего ресурса. Если хотите поменять css — скачайте соответствующий файл, измените, положите куда вам удобно и смените путь. Путь загрузки ищите в своем html файле. — 7 лет назад

По сути каскадная таблица стилей (CSS) находится в отдельной директории на сервере, где лежит скрипт самого сайта.

Для того чтобы увидеть путь к файлу CSS нужно правой кнопкой мыши нажать на странице сайта и выбрать из выпадающего меню пункт «Просмотр кода страницы» или «Посмотреть исходный код страницы» (в зависимости от браузера), после чего откроется новая вкладка с исходным кодом.

В коде страницы ищем путь между тегами и , который оканчивается на .css (например http://сайт.ru/style/style.css), это и есть путь к файлу каскадной таблицы стилей.

Вам придется идти на хостинг в админ панель и искать нужную директорию.

Если Вы храните сайт на ПК, то нужную папку ищем на локальном сервере, где правим стиль и заливаем на сервер по FTP.

Если все же для Вас эта задача сложна, то скиньте адрес своего сайта мне в личные сообщения и я подскажу адрес CSS стиля.

Источник

Где должен лежать файл стиля страницы ?

Где должен лежать текстовой файл чтобы его открыть с помощью StreamReader?
где должен лежать текстовой файл чтобы его открыть с помощью StreamReader?

Где должен лежать архив mobile.zip?
где должен лежать архив mobile.zip или файлы из этого архива? "Отсутствует файл с 1С:Предприятием.

Каким должен быть файл и где он должен находиться?
Нашёл код, который берёт текстовый файл, читает его и выбирает слова, в которых есть такая же.

линза дает двукратное действительное изображение на каком расстоянии должен лежать предмет от выпуклой линзы
линза дает двукратное действительное изображение на каком расстоянии должен лежать предмет от .

Возьми себе за правило — указывай абсолютный путь от корня сайта.
То есть типа /css/styles.css.
В этом случае все стилевые файлы можно хранить там где хочешь. Пути к картинкам указываются относительно пути до css файла.

Что в твоем случае?
Если указываешь просто styles.css, то путь определяется по пути текущей страницы (относительный путь)
Например. Ты в /news/nes1234.html
Тогда в твоем случае файл забирается от сюда /news/styles.css
Переходишь на другую страницу путь до стилевого файла измениться в соответствии с указанным правилом.

Сообщение было отмечено bighoc как решение

Решение

Примите за некоторое «правило»:
Все файлы отвечающие за оформление страницы, лучше структурировать так:

Директорию «assets» можно называть произвольно, например: stat, st, static, public, sets и т.д.

Соответственно при подключении файла стилей (для примера файл называется «raptor.css»):

link rel="stylesheet" href="/assets/css/raptor.css">

Возьми себе за правило — указывай абсолютный путь от корня сайта.
То есть типа /css/styles.css.
В этом случае все стилевые файлы можно хранить там где хочешь. Пути к картинкам указываются относительно пути до css файла.

Не секрет что чуть более чем все новички — CMSники, при таком раскладе после банального переименования шаблона весь дизайн круто попячит. В случае с CMS и шаблонами — лучше всё же относительные пути. А еще лучше — заюзать PHP, чтобы он подставлял в адрес ссылки текущее имя шаблона

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

body {background-image : url(www/fon.gif} /*правильно ли такое указание урл если мой цсс файл лежит в www/css/style.css, а картинка для фона в корневом каталоге?*/ body {background-repeat : repeat}

Вот так написал но ничего не получается
я прописал

HEAD> link rel="stylesheet" type="text/css" href="css/style.css"> /*правильно ли я указал на цсс файл css/style.css ?*/ /HEAD>

Сообщение от bighoc

я не понимаю как указывается селектор, в нём указывается тег на который будет влиять css ?
скажем я хочу сделать тиражирования фона сайта
Код CSS
1
2
3
4
body
/*правильно ли такое указание урл
если мой цсс файл лежит в www/css/style.css, а картинка для фона в корневом каталоге?*/
body

Если твой css файл находиться в папке style, а картинка лежит в корневом каталоге, то тебе сперва нужно указать, что ты возвращаешься в корневой каталог и уже оттуда берешь нужное изображение

body {background-image : url(../fon.gif} /*.. - обозначение вернуться на каталог выше*/

Сообщение от bighoc

body {background-image : url('../fon.gif'}

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Документ Без Имени/title> link rel="stylesheet" type="text/css" href="/Gidromodul/css/img.css"> /head> body> p align="center"> h2> ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ br> СПЕЦИАЛЬНОЕ КОНСТРУКТОРСКОТЕХНОЛОГИЧЕСКОЕ БЮРО/h2> h1 align="center">"ГИДРОМОДУЛЬ/h1> p> Наше предприятие производит такое гидрооборудование: br> strong> - гидроцилиндр br> - гидрораспределительbr> - гидростанция (маслостанция) br> - рукава высокового давления /strong> br> /body> /html>

/* CSS Document */ head {backgroound-image: url('../fon.GIF')} head {background-repeat: repeat} p {word-spacing: 20px}

Источник