Using Advanced CSS3 Techniques Flashcards
CSS3 selectors: element[attribute$=value]
Selects every instance of a specified element whose specified attribute ends with the specified value
CSS3 selectors: element[attribute*=value]
Selects every instance of a specified element whose specified attribute contains the specified substring value
CSS3 selectors: element[attribute^=value]
Selects every instance of a specified element whose specified attribute begins with the specified value
CSS3 selectors: element:checked
Selects every checked instance of a specified element
CSS3 selectors: element:disabled
Selects every disabled instance of a specified element
CSS3 selectors: element:enabled
Selects every enabled instance of a specified element
CSS3 selectors: element:first-of-type
Selects every instance of a specified element that is the first of its parent
CSS3 selectors: element:last-of-type
Selects every instance of a specified element that is the last of its parent
CSS3 selectors: element1~element2
Selects every instance of element2 that is preceded by an instance of element1
CSS3 properties: background
Specifies all properties for the page background
Not a new property, but the option to use multiple background images is a new CSS3 feature
CSS3 properties: background-clip
Specifies the painting area of the background
Determines whether the background extends into the border or not
CSS3 properties: background-origin
Positions the background-image relative to an element’s border, padding or content
CSS3 properties: background-size
Defines the size of background images
CSS3 properties: border-image
Creates a border that uses an image instead of a line
CSS3 properties: border-radius
Defines the shape or curve of a border around an element
Used to create rounded corners in borders
CSS3 properties: box-shadow
Applies shadows to edges of elements to create visual depth
CSS3 properties: opacity
Specifies transparency for an HTML element
CSS3 properties: resize
Defines whether an element can be resized by the user and how it can be resized
CSS3 properties: text-overflow
Cuts off, or clips, text that extends beyond its container
CSS3 properties: text-shadow
Applies shadows to edges of text characters to create visual depth
CSS3 optional font properties: font-stretch
Specifies how the font should be stretched or spaced
CSS3 optional font properties: font-style
Specifies how the font should be styled, basically vertical or slanted
CSS3 optional font properties: font-weight
Specifies the weight or thickness of each character in the font
CSS3 optional font properties: unicode-range
Specifies the range of UNICODE characters that should be downloaded for the font, based on availability