ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про CCS
25 сообщений из 26, страница 1 из 2
  1  все
Вопрос про CCS
    #39837853
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Здравствуйте!

Изучаю HTML, а именно CCS.

Написал такой код
 
HTML-код
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<html>
  <head>
    <title>Пример использования подключаемых стилей</title>

    <style>
      body{
       background: #eef525:
       color: #f50c0c:
      }
      h1{
       font: 30 pt Book Antiqua:
       color: #cc0000:
      }
      p{
        font: 8 pt times
      }
    </style>
  </head>

  <body>
    <h1>Заголовок</h1>
    <p>Абзац</p>
  </body>
</html>

И использование заданных стилей не работает.

Почему так?
...
Рейтинг: 0 / 0
16.07.2019, 12:52
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837876
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ferzmikkИ использование заданных стилей не работает.
Почему так?
Плохо делаешь - потому и так...

 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
body{
	background: #eef525;
	color: #f50c0c;
}
h1{
	font: 30pt Book Antiqua;
	color: #cc0000;
}
p{
	font: 8pt times;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
    <h1>Заголовок</h1>
    <p>Абзац</p>
</body>
</html>


Найди отличия... ;)
...
Рейтинг: 0 / 0
16.07.2019, 13:51
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837879
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
krvsa,

Я правильно понимаю, что здесь используется JavaScript? Без JavaScript не получится?
...
Рейтинг: 0 / 0
16.07.2019, 14:10
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837882
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
нет, атрибуты стиля разделяются точкой с запятой в одном блоке, а не доветочием , как у вас
...
Рейтинг: 0 / 0
16.07.2019, 14:14
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837890
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
krvsaНайди отличия... ;)
неплохо получилось...
...
Рейтинг: 0 / 0
16.07.2019, 14:29
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837901
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Konst_One,

 
HTML-код
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<html>
  <head>
    <title>Пример использования подключаемых стилей</title>

    <style>
      body{
       background: #FFFFCC;
       color: #f50c0c;
      }
      h1{
       font-size: 5 pt;
       color: #9900FF;
      }
      p{
        font-size: 8 pt;
        color: #FF3399;
      }
    </style>
  </head>

  <body>
    <h1>Заголовок</h1>
    <p>Абзац</p>
  </body>
</html>

Теперь нужные размеры заголовка и абзаца не отображаются.
...
Рейтинг: 0 / 0
16.07.2019, 14:44
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837910
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
ferzmikk,

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<style>
      body{
       background: #FFFFCC;
       color: #f50c0c;
      }
      h1{
       font-size: 5pt;
       color: #9900FF;
      }
      p{
        font-size: 8pt;
        color: #FF3399;
      }
    </style>
...
Рейтинг: 0 / 0
16.07.2019, 15:07
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837915
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
SQLPowerUser,

Спасибо!
...
Рейтинг: 0 / 0
16.07.2019, 15:15
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837924
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Экспериментирую с другим способом. Не работает.

Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<html>
  <head>
    <title>ПРИМЕР CCS</title>
  </head>
  <style>
    .gray {color:gray; font-style:italic;}
    #boldunderline {text-decoration:underline; font-weight:bold;}
  </style>
  <body>
    <p class="gray">Первое предложение</p>
    <p class="gray" id="boldunderline">Второе предложение</p>
    <p id="boldunderline">Третье предложение</p>
  </body>
</html>
...
Рейтинг: 0 / 0
16.07.2019, 15:29
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837947
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
начни с чтения книжки по основам html
...
Рейтинг: 0 / 0
16.07.2019, 16:16
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837949
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
ferzmikkЭкспериментирую с другим способом. Не работает.

Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<html>
  <head>
    <title>ПРИМЕР CCS</title>
  </head>
  <style>
    .gray {color:gray; font-style:italic;}
    #boldunderline {text-decoration:underline; font-weight:bold;}
  </style>
  <body>
    <p class="gray">Первое предложение</p>
    <p class="gray" id="boldunderline">Второе предложение</p>
    <p id="boldunderline">Третье предложение</p>
  </body>
</html>


а как вы пробуете?:)
пс. элементов с одним и тем же айди на странице должно быть не больше одного
...
Рейтинг: 0 / 0
16.07.2019, 16:19
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837955
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
невалидный html у ТС
...
Рейтинг: 0 / 0
16.07.2019, 16:30
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837956
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Zoria,

Как раз по книжке пробую
...
Рейтинг: 0 / 0
16.07.2019, 16:34
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837957
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
тэг style у вас не там , где должен быть
...
Рейтинг: 0 / 0
16.07.2019, 16:37
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837965
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Konst_Oneтэг style у вас не там , где должен бытьВ книжке там стоит как в коде.

Поменял местами
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<html>
  <head>
    <title>ПРИМЕР CCS</title>  
    <style>
      .gray {color:gray; font-style:italic;}
      #boldunderline {text-decoration:underline; font-weight:bold;}
    </style>
  </head>
  <body>
    <p class="gray">Первое предложение</p>
    <p class="gray" id="boldunderline">Второе предложение</p>
    <p id="boldunderline">Третье предложение</p>
  </body>
</html>

Все также
...
Рейтинг: 0 / 0
16.07.2019, 16:55
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39837968
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
id="boldunderline"

у вас 2 раза в документе, вам уже об этом писали, вы не исправили
...
Рейтинг: 0 / 0
16.07.2019, 16:59
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838116
OldMaster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OldMaster
Гость
Zoriaпс. элементов с одним и тем же айди на странице должно быть не больше одного
ferzmikkКак раз по книжке пробую
В книжке не может быть такой разметки.
Каждый id="" должен быть уникальным на странице. Повторять его нельзя.
Как вариант, можете писать так
Код: html
1.
2.
    <p class="gray" id="boldunderline1">Второе предложение</p>
    <p id="boldunderline2">Третье предложение</p>


Если нужен селектор для нескольких элементов, используйте классы.
Например
Код: html
1.
2.
    <p class="gray boldunderline">Второе предложение</p>
    <p class="boldunderline">Третье предложение</p>
...
Рейтинг: 0 / 0
17.07.2019, 01:02
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838145
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ferzmikkЯ правильно понимаю, что здесь используется JavaScript? Без JavaScript не получится?
Нет.
Часть его выключена, а одну я выключить забыл... Осталась с прошлого примера для другого человека.
...
Рейтинг: 0 / 0
17.07.2019, 07:38
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838211
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Не работает
 
HTML-код
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<html>
  <head>
    <title>ПРИМЕР CCS</title>
    <style>
      .gray {color:gray: font-style:italic}
      #boldunderline{text-decoration:underline: font-weight:bold}
      paragraph{
        font-size: 10pt;
      }
    </style>
  </head>
  <body>
    <p class="gray">Первое предложение</p>
    <p class="paragraph">Второе предложение</p>
    <p id="boldunderline">Третье предложение</p>
  </body>
</html>

...
Рейтинг: 0 / 0
17.07.2019, 10:52
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838226
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
точку потерял
...
Рейтинг: 0 / 0
17.07.2019, 11:13
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838242
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Konst_Oneточку потерялТак?
Код: html
1.
2.
3.
.paragraph{
        font-size: 10pt;
      }
...
Рейтинг: 0 / 0
17.07.2019, 11:38
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838254
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
big-duke
Участник
ferzmikk,

Используй для демонстрации кода какую нить песочницу.
Например - https://jsfiddle.net/qsvj74zr/
...
Рейтинг: 0 / 0
17.07.2019, 12:06
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838294
ferzmikk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ferzmikk
Участник
Интересно получается, что такой код работает и без точек
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<html>
  <head>
    <title>Пример использования подключаемых стилей</title>

    <style>
      body{
       background: #FFFFCC;
       color: #f50c0c;
      }
      h1{
       font-size: 5 pt;
       color: #9900FF;
      }
      p{
        font-size: 8 pt;
        color: #FF3399;
      }
    </style>
  </head>

  <body>
    <h1>Заголовок</h1>
    <p>Абзац</p>
  </body>
</html>

А тот нет
...
Рейтинг: 0 / 0
17.07.2019, 13:47
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838296
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
http://htmlbook.ru/samhtml
...
Рейтинг: 0 / 0
17.07.2019, 13:50
| Ответить | Цитировать | Написать  
Вопрос про CCS
    #39838315
OldMaster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OldMaster
Гость
ferzmikkИнтересно получается, что такой код работает и без точек
Потому что это названия тегов. Они пишутся без точки.
Точка добавляется только для селекторов классов .
А для id добавляется знак решетки #
...
Рейтинг: 0 / 0
17.07.2019, 14:17
| Ответить | Цитировать | Написать  
25 сообщений из 26, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про CCS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39837910&tid=1443721]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 44ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 13ms
total:  154ms
созд. / загр.: 154ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]