CSS3

CSS3 - это язык стилей которые применяются к html элементам. Следует помнить что еще не все селекторы могут использоватся без префиксов. 3 версия css принесла много долгожданных новинок, таких как закругленные углы, тени, градиенты, переходы или анимации, а также новые макеты, такие как многостолбцовые, гибкие поля или макеты сетки.
Вся структура css3 называется набором правил (но зачастую для краткости "правило" ). На рисунке представлены имена отдельных частей: Части css3 правила
  • Селектор (Selector) Имя HTML элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.

  • Объявление (Declaration) Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.

  • Свойства (Properties) Способы, которыми вы можете стилизовать определенный HTML элемент (в данном случае, color является свойством для элементов < p >). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле.

  • Значение свойства (Property value) Справа от свойства, после двоеточия, у нас есть значение свойства, который выбирает одно из множества возможных значений для данного свойства (существует множество значений color, помимо red).

Обратите внимание на важные части синтаксиса: Каждый набор правил (кроме селектора) должен быть обернут в фигурные скобки ({}). В каждом объявлении необходимо использовать двоеточие (:), чтобы отделить свойство от его значений. В каждом наборе правил вы должны использовать точку с запятой (;), чтобы отделить каждое объявление от следующего.

Автоматический слайдер на четыре картинки + стрелки

Заготовка для автоматического слайдер на четыре картинки + стрелки. Здесь только каркас самих блоков - внутрянку нужно делать самому. Стрелки не работают - так как скрипт нужно установить после основного файла(библиотеки) .js на всех слайдах одна и таже картинка, поэтому смены не выдно.

box-shadow - тень в css

CSS3 46 0  

Свойство box-shadow позволяет вам задать тень для почти любого элемента. Если элементу задано свойство border-radius, то тень также будет с закруглёнными углами. Расположение теней по оси z будет такое же, как и при применении свойства text-shadow (первая тень будет впереди остальных).

Смена стилей в зависимости от размера екрана

CSS3 210 0  

Сейчас без респонсивной верстки которая должна подстраиватся под разные экраны, включая мобильные никак не обойтись. Расмотрим все варианты - как можно сменить вид сайта в зависимости от размера устройства на котором он просматрывается.

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019