пїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ
Слишком длинный поисковый запрос.
По вашему запросу ничего не найдено :(
Убедитесь, что запрос написан правильно, или посмотрите другие наши статьи:
img
Все, кто работали с serial интерфейсами, сталкивались с такими вещами как DCE и DTE. Сегодня постараемся разобраться с этими терминами. Serial интерфейсы используются при подключении роутера к глобальной сети WAN (Wide Area Network) . При этом подключение обычно осуществляется через какое-нибудь устройство провайдера – чаще всего это модем или CSU/DSU (Channel Service Unit/Data Service Unit) . В этой схеме модем или CSU/DSU является DCE (Data Communication Equipment) устройством – то есть оборудованием провайдера, которое определяет скорость канала, преобразует и передает данные от оборудования клиента. А со стороны клиента передает эти данные DTE (Data Terminal Equipment) устройство, которое обычно является маршрутизатором или компьютером. Однако в лаборатории мы можем собрать схему, где маршрутизатор может выступать не только в роли DTE, но и в роли DCE. В этом случае нам нужно определить какую роль будет иметь каждый из маршрутизаторов. Это будет зависеть от serial кабеля, которым мы будем подключать маршрутизаторы – один конец используется для подключения к DCE, а другой к DTE. Обычно на кабелях не написано, какую роль имеет каждый из концов, и поэтому тут нам нужно будет воспользоваться командой show controllers [интерфейс]. Router1>en Router1#show controllers serial 2/0 Interface Serial2/0 Hardware is PowerQUICC MPC860 DCE V.35, no clock idb at 0x81081AC4, driver data structure at 0x81084AC0 Здесь в третьей строчке вывода видно, что к роутеру подключен кабель DCE концом. Это значит, что он исполняет роль DCE, а другой роутер – роль DTE. Теперь, когда мы узнали, кто, есть кто, нам нужно вручную задать скорость работы канала на DCE, поскольку в роли DCE у нас маршрутизатор, а не модем или CSU/DSU, как в реальных сетях. Для этого на интерфейсе мы используем команду clock rate [скорость в битах/с] Router1#conf t Router1(config)#int se 2/0 Router1(config-if)#clock rate ? Speed (bits per second 1200 2400 4800 9600 19200 38400 56000 64000 72000 125000 128000 148000 250000 500000 800000 1000000 1300000 2000000 4000000 <300-4000000> Choose clockrate from list above Router(config-if)#clock rate 64000 После этого можно продолжать конфигурацию. Стоит заметить, что команда clock rate не применится на DTE интерфейсе. Router2(config)#int se2/0 Router2(config-if)#clock rate 64000 This command applies only to DCE interfaces
img
Вы можете применять CSS-селекторы к таким элементам, как абзацы и упорядоченные списки. Однако ничто не запрещает вам использовать их иначе. Как вы увидите в этом руководстве, вы также можете управлять поведением содержимого, используя пользовательские или ID-стили, псевдоклассы и наследование, и все это за счет использования селекторов.  Селекторы CSS выбирают HTML-элементы на основе их тегов, атрибутов, классов, ID или их расположения в структуре документа. Когда селектор находит элемент, к нему применяются стили, которые были определены в соответствующем CSS-правиле.  Ниже приведен код, которые иллюстрирует то, как селекторы могут управлять различными элементами. Просмотрите его и попробуйте понять, что он делает, а затем мы разберем его по блокам.    

Welcome to my Website

 

This paragraph will have a font size of 16 pixels.

 
       
  • List item 1
  •    
  • List item 2
  •    
  • List item 3
  •  
  Пользовательские и ID-стили в CSS Первый стиль – это пример пользовательского селектора под названием  highlight .    /* Target elements with a class */ { /* Выбор элементов по классу */ }    .highlight {      background-color: yellow;      font-weight: bold;    } Этот HTML-код может выглядеть как-то так:
  • List item 3
  • Далее, ID-селектор ( #special ):    /* Target elements with an ID */ { /* Выбор элементов по ID */ }    #special {      color: red;      text-decoration: underline;    } …будет применяться в HTML через атрибут  id =:

    Welcome to my Website

    Мы с вами уже видели, как работает привязывание стиля к элементу HTML, например,  p :    /* Target elements based on their tag name */ { /* Выбор элементов по их тегам */ }    p {      font-size: 16px;    } …однако  форма окраски заднего фона, применяемая к тегам 
      , и цвет рамки поля для ввода текста контролируются вот этими двумя стилями:    /* Target elements based on their relationship */ { /* Выбор элементов по их отношению к другим элементам*/ }    ul li {      list-style-type: square;    }    /* Target elements based on attribute values */ { /* Выбор элементов по значениям атрибутов */ }    input[type="text"] {      border: 1px solid gray;    } А теперь, в придачу к HTML-фрагментам, которые мы уже изучили, мы также можем увидеть, что третий пункт списка содержит атрибут класса  highlight , а значит, его фон будет желтым и квадратным. И наконец, поле  будет иметь серую рамку.  

      Welcome to my Website

       

      This paragraph will have a font size of 16 pixels.

       
           
      • List item 1
      •    
      • List item 2
      •    
      • List item 3
      •  
        Если вы сохраните весь это код в файл  .html и загрузите его в ваш любимый браузер, вы увидите, что все выглядит точно так, как мы задумывали. Во всяком случае, я на это надеюсь.  Как работать с псевдоклассами CSS В CSS есть еще один тип классов – псевдоклассы. Их называют «псевдо», так как это не совсем обычные классы, это  средства управления классами .  Вполне возможно, что вы уже видели, как работают псевдоклассы на страницах, которые вы посещали. Ссылки или элементы страницы будут менять свой внешний вил при возникновении в их окрестности различных действий. Например, взглянув на этот код, вы можете увидеть, что здесь имеется определение  нормального состояния, состояния при наведении, фокусе и активного состояния . /* Normal state */ { /* Нормальное состояние */ } button {  background-color: blue;  color: white; } /* Hover state */ { /* Состояние при наведении */ } button:hover {  background-color: lightblue; } /* Focus state */ { /* Состояние при фокусе */ } button:focus {  outline: 2px solid red; } /* Active state */ { /* Активное состояние */ } button:active {  background-color: darkgreen; } Возьмите эти стили CSS и примените их к простому HTML-коду. В примере ниже показано, как их можно применить к тексту кнопки  Click me . Давайте посмотрим, как это работает. Внешний вид кнопки в состоянии покоя (нормальном состоянии) имеет синий цвет фона и белый текст. Но когда вы наводите указателем мыши на кнопку, фон становится светло-голубым.  /* Hover state */ { /* Состояние при наведении */ } button:hover {  background-color: lightblue; } Если вы будете циклически перемещаться по всем элементам страницы с помощью клавиши Tab, то, дойдя до этой кнопки, состояние перейдет в режим «фокус», и обрамление кнопки станет красным.  /* Focus state */ { /* Состояние при фокусе */ } button:focus {  outline: 2px solid red; } А когда я попробую нажать и удержать кнопку, ее фон измениться на темно-зеленый. /* Active state */ { /* Активное состояние */ } button:active {  background-color: darkgreen; } Наследование CSS Наследование CSS – это механизм, который позволяет дочерним элементам наследовать свойства, определенные в родительских элементах. То есть если свойство задано для родительского элемента, то его значение (если оно не было переопределено) автоматически наследуется его потомками. Наследование распространяется на различные свойства CSS, например, стили шрифтов, цвета текста и некоторые свойства макета. Например, если вы установите для родительского элемента семейство шрифтов или размер шрифта, то дочерние элементы, расположенные внутри него, унаследуют эти значение (если не было явно указано иное). В ряде случаев определенные свойства не наследуются по умолчанию. Например, цвет фона, свойства рамок и свойства рамочной модели, как правило, не наследуются. В таком случае дочерние элементы не будут наследовать значения своих родителей, если только это не указано явно.  Наследование в CSS упрощает процесс стилевого оформления за счет того, что позволяет единожды установить свойства родительских элементов и убирает, таким образом, необходимость повторной стилизации дочерних элементов. И тем не менее, чтобы получить именно то оформление, которое вы задумывали, необходимо знать, какие свойства могут наследоваться, а какие нет. Данный код создает стиль  #parent , который устанавливает шрифт и цвет шрифта. Кроме того, он создает еще один стиль, который будет применяться к абзацам. Но этот второй стиль также является дочерним.  HTML существует внутри 
      , который использует атрибут  id= для того, чтобы перенимать родительский стиль. Есть две строки текста, одна из которых находится внутри тега 

      , а вторая – вне.

       Here is some regular text.  

      This is a paragraph inside the parent element.

      Когда мы загрузим наш код в браузер, мы увидим, что обе эти строки напечатаются синим цветом, а это значит, что дочерний элемент и правда перенял значения родительского элемента. Но при этом он получит более крупный шрифт. Такой способ форматирования может оказаться довольно полезным, так как вы можете контролировать общее поведение, сохраняя при этом возможность определения дополнительных элементов. Для того, чтобы запретить наследование и установить принципиально новое значение, можно воспользоваться ключевым словом  inherit , которое переопределит унаследованное значение. Более того, вы можете использовать ключевое слово  initial , чтобы сбросить свойства к их значениям по умолчанию.  Еще один важный момент, который будет вдвойне полезным, если вы работаете с несколькими стилями CSS. Что будет, если между вашим встроенным CSS, несколькими отдельными CSS-файлами и слоями родительских и дочерних элементов возникнет стилевой конфликт? Ну что ж, существует набор правил, которые определяют то, как все будет обрабатываться.  Первым идет встроенный код в тегах  -->
      ЗИМНИЕ СКИДКИ
      40%
      50%
      60%
      До конца акции: 30 дней 24 : 59 : 59