Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про CCS / 25 сообщений из 26, страница 1 из 2
  1  все
16.07.2019, 12:52
    #39837853
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
Здравствуйте!

Изучаю 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, 13:51
    #39837876
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
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, 14:10
    #39837879
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
krvsa,

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

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

Код: 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:16
    #39837947
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
начни с чтения книжки по основам html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2019, 16:19
    #39837949
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
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:30
    #39837955
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
невалидный html у ТС
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2019, 16:34
    #39837956
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
Zoria,

Как раз по книжке пробую
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2019, 16:37
    #39837957
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
тэг style у вас не там , где должен быть
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2019, 16:55
    #39837965
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
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:59
    #39837968
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
id="boldunderline"

у вас 2 раза в документе, вам уже об этом писали, вы не исправили
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2019, 01:02
    #39838116
OldMaster
OldMaster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
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, 07:38
    #39838145
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
ferzmikkЯ правильно понимаю, что здесь используется JavaScript? Без JavaScript не получится?
Нет.
Часть его выключена, а одну я выключить забыл... Осталась с прошлого примера для другого человека.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2019, 10:52
    #39838211
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
Не работает
 
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, 11:13
    #39838226
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
точку потерял
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2019, 11:38
    #39838242
ferzmikk
ferzmikk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
Konst_Oneточку потерялТак?
Код: html
1.
2.
3.
.paragraph{
        font-size: 10pt;
      }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2019, 12:06
    #39838254
big-duke
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про CCS
ferzmikk,

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


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