CSS курс. Урок 40. Максимална и минимална ширина на сайта.
CSS курс. Урок 40. Максимална и минимална ширина на сайта. Макси и мини ширина. Преди това проучихме имота за подравняване блок в ширина (например, ширина: 200px; и т.н.). Други свойства ширина на практика също широко се използва по-гъвкави свойства макс ширина (максималната ширина на елемента) и минути ширина (минимална ширина клетки). Често тези свойства се използват заедно, когато дизайнерът иска да гарантира задоволително вид на страницата на всяка резолюция и екрана на потребителя, когато някой от неговите операции, за да се намали ширината на прозореца.
CSS курс. Урок 40.
Максимална и минимална ширина на сайта.
Кратко напомняне:
На 19 научихме урок подравняване блок функция ширина (например, ширина: 200px; и т.н.).
Други свойства ширина на практика също широко се използва по-гъвкави свойства макс ширина (максималната ширина на елемента) и минути ширина (минимална ширина клетки).
Често тези свойства се използват заедно, когато дизайнерът иска да гарантира задоволително вид на страницата на всяка резолюция и екрана на потребителя, когато някой от неговите операции, за да се намали ширината на прозореца.
Да разгледаме работни свойства макс ширина и минути ширина например.
В този блок не свойства, които определят ширината на ширина, макс ширина, мин ширина.
ширина блок се определя автоматично и изцяло зависи от разделителната способност на дисплея и ширината на майка елемент.
Свойствата на този блок определени ширина определяне:
макс ширина: 650px;
мин ширина: 600px;
ширина Блок размер не може да надвишава посочените стойности.
Сега се опитайте да промените ръчно ширината на прозореца на браузъра. Първият блок ще промени своята ширина в зависимост от ширината на родителското устройство, втори блок на пикселите в диапазона 600-650.
Моля, имайте предвид, че имот макс ширина и мин-ширина не включва стойността на уплътнение (подложка), граници (граници) и маржин (граници).
Сега е ред на теорията.
Имоти макс ширина: може да има следните стойности:- макс ширина: няма; - Максималната ширина не е зададен на всички. Това е по подразбиране. (Без максимална ширина. Това е по подразбиране.)
- макс ширина: дължина; - Определя максималната широчина в пиксели (пиксела), в см, и т.н. Пример: макс ширина: 650px; (Определя максималната широчина на пиксела, cm, и т.н.)
- макс ширина:% - Определя максималната широчина на процент от съдържащ блок. Пример: макс ширина: 50%; (Определя максималната широчина в проценти от съдържащ блок)
- макс ширина: наследяват - Определя, че стойността на максималната ширина трябва да наследи от елемента майка. (Посочва, че стойността на максималната ширина на имота трябва да наследи от елемент родител)
Имоти мин ширина: може да има следните стойности:
- мин ширина: дължина; - Определя минимална ширина в пиксели (пиксела), в см, и т.н. Стойността по подразбиране е 0. Пример: мин ширина: 600px; (Определя минималната ширина на пиксела, cm, и т.н. Стойност по подразбиране: 0).
- мин ширина:% - определя минимална ширина в процент от съдържаща единица. Пример: мин ширина: 50%; (Определя минимална ширина в проценти от съдържащ блок)
- мин ширина: наследи - Указва, че стойността на мин-ширината трябва да бъде наследен от майка. (Посочва, че стойността на мин ширина собственост трябва да наследи от елемент родител)
При това се използват следните правила за стиловете
В примера, който се използва следния код, за да HTML (ключовите моменти):
Създаване на нови класове в лист файл с CSS стил и HTML кода ще бъде използван и в нашата следващата учебна тест.
css_040_001.html ← Кликнете, за да видите как изглежда примера на този сайт.
css_040_001.zip ← изтегли примера, за да инсталирате на вашия сайт.
***** - функционална машина за движение на страниците на курса CSS *****
Търсене. Първа Предишна Следваща Последна дело. номер /
Свързани статии