5,29
Обзора CSS
CSS
Cascading Style Sheets измененной страницы
Синтаксис CSS
Синтаксис стиль линии 1.
2. Внутренних и внешних таблицы стилей синтаксиса стиль
использование CSS
1. встроенного стиля
2. Внутренние таблицы стилей
3. Waibuyangshibiao
4. введения внешнего стиля
селектор CSS
ID селектор
класса селектора
тегов селектор
композиции селектор
селекторные потомство
потомок селекторы
универсальный селектор
выбора псевдо - класс: парить вверх стиль мыши приостановлено
приоритет CSS шаблон
1 определяется в соответствии с весом
2. Если веса одинаковы, принцип близости (определение принципа)
вес: только эталонное значение, и никакого реального значения
инлайн 1000
ID 100
класса 10
псевдо класс 10
метки 1
Общие 0
Важен тех пор, пока на главном!
Примечание: рассчитать вес , когда труба не нужно идти от имени будущих поколений. КИ непосредственно добавить до
трех методов цвета
1. Цвета английских слов
2,16 шестигранного
расширение 3.rgb Rgba
Класс текста стиль
Color
Line-высота определяется слишком мало строк
текста выравнивать шрифт выровнены
текст-отделка подчеркнутый
стиль шрифта курсивный
стиль шрифта семейства шрифтов , таких как Arial, Times New Roman
шрифт вес шрифта полужирный
шрифт, размер шрифта
/ просмотра устройство, по умолчанию размера шрифта 16px в по
умолчанию размера шрифта 12px Google браузер
Firefox нет предела
отображения элементов
отображения
элементов в коридорных линейных
блоках внутри встроенный блок строки
блока блочной
ни один шкурой / нет
элемента скрытой
видимости: скрытого
профиль
не используется в основном во входном теге только вам нужно очистить
список
список-стиль: нет в
стиле мыши
курсор
прозрачности
непрозрачности: 0,1; значение: 0-1 может быть выражено через целое между 0 и 10, 1 представляет собой полный непроницаемый
RGBA (255, 0,0,0.1)
лицо вопросы
видимость: нет разницы: скрытый и дисплей?
1.visibility занять область пространства, и на дисплее не занято
2.visibility: сохранить элемент изменений , когда скрытые скрыть определенные элементы на странице пространства
дисплея: нет , чтобы скрыть определенные элементы, давая другое содержание , чтобы заполнить пробелы
3.Display: нет полностью исчез, а не в потоке документа заполнителя, браузер не понимает , что элемент,
видимость: скрытая исчезают визуально, можно понять , как эффекты прозрачности 0 заполнителя в потоке документа,
браузер будет анализировать элементы;
Разница между непрозрачностью и RGBA?
Непрозрачность цвета будут затронуты дочерние элементы, которые наследуются в маскировке. Он заключается в использовании непрозрачности фона , когда тайник
будет скрыт некоторое влияние, представляет весь элемент. И RGBA нет, все это будет в прямом эфире, представляет только цвет фона
Предпосылки 1.CSS стиль класс
цвет фона цвет фона
фонового изображения фонового изображения
фон-повторить повторение фонового изображения на
повторение у в у-оси только повторить
повторить-х в х-оси только повторять
не повторять не будет повторяться, появляется только один раз
позиционирование фона позиции фонового изображения
значения: две, соответственно, представляют собой х и у. Если только запись, то эти два значения равны
, например: Jingdong, Taobao звезда Хороший
Sprite фигура: каждый набор иконок, цель состоит в том, чтобы уменьшить запрос HTTP
фона вместе взятым все все выше
фона: цвето положение изображения повторите
фон-размер размер фонового изображения
Один из способов компоновки CSS
позиционирование сверху, слева, справа, нижний элемент только в том случае , будет использоваться для увеличения позиционирования
относительного позиционирования босса обычно не идет с верхом, слева, справа, снизу
абсолютного позиционирование второй ребенком
элементов из потока документа будут
вообще не идти с отрывом, с сверху, слева, справа, снизу ,
хотя оно может быть эффективным, но для того , чтобы облегчить разработку простого кода.
Фиксированное позиционирование, конечно , не тот же отец
будут элементы из потока документов
можно использовать: Лучшие
объявления врезки
Wild Child породистым. Трубка может только жить окно браузера
при нормальных условиях: относительное и абсолютное позиционирование происходят одновременно
в общем случае все выпадающий в сочетании с абсолютной относительной завершения позиционирования
дисплей: встроенный блок; inline- блок строк на уровне блоков преобразования элемент
модели
ширина: 160px;
высота: 30px;
выравнивания текста = слева: Центр; выравнивание текста
высота строки: 30px; высокая линия
границы: 1px твердое #ccc; сплошная линия представляет собой твердый пограничный
курсор: указатель; трансформировали мыши
положение: относительная; относительное позиционирование