BLENDER HEAD FOREVER!
CSS is a script that is used with html to create all kinds of websites.
There are a few different ways you can use CSS to make your website look
really nice.
In the next couple of links I will be showing you how to use
CSS internally and externally.
I plan on actually showing you a couple of examples.
Trust me once again, once you get to know a little CSS you will find out that it is
pretty simple to use and it will save you a lot of time.
But like the rest of us
you will have to spend some time learning CSS.
CSS SELECTORS!!! |
||
|---|---|---|
| <.class> | .intro. | Selects all elements with class ="intro". |
| <#id > | #firstname. | Selects the element with id ="firstname". |
| <*> | *Selects all elements. | Element. |
| <p> | Selects all . |
Elements. |
| <element,element > | div,p. | Selects all elements and all elements. |
| <element element > | div p. | Selects all elements inside elements. |
| <element>element> | div>p. | Selects all elements where the parent is a element. |
| <element+element> | div+p. | Selects all elements that are placed immediately after elements. |
| <[attribute]> | [target]. | Selects all elements with a target attribute. |
| <[attribute=value]> | [target=_blank]. | Selects all elements with target="_blank". |
| <[attribute~=value]> | [title~=flower]. | Selects all elements with a title attribute containing the word."flower" |
| <[attribute|=value]> | [lang|=en]. | Selects all elements with a lang attribute value starting. with "en" |
| <:link> | a:link. | Selects all unvisited links. |
| <:visited> | a:visited. | Selects all visited links. |
| <:active > | a:active. | Selects the active link. |
| <:hover> | a:hover. | Selects links on mouse over. |
| <:focus> | input:focus. | Selects the input element which has focus. |
| <:first-letter> | p:first-letter. | Selects the first letter of every element. |
| <:first-line> | p:first-line. | Selects the first line of every element. |
| <:first-child> | p:first-child. | Selects every element that is the first child of its parent. |
| <:before> | p:before. | Insert content before every element. |
| <:after> | p:after. | Insert content after every element. |
| <:lang(language)> | p:lang(it). | Selects every element with a lang attribute value starting with "it". |
| <element1~element2> | p~ul. | Selects every
element. |
| <[attribute^=value]> | a[src^="https"]. | Selects every element whose src attribute value begins with "https". |
| <[attribute$=value]> | a[src$=".pdf"]. | Selects every element whose src attribute value ends with ".pdf". |
| <[attribute*=value]> | a[src*="w3schools"]. | Selects every element whose src attribute value contains the substring "w3schools". |
| <:first-of-type> | p:first-of-type. | Selects every element that is the first element of its parent. |
| <:last-of-type> | p:last-of-type. | Selects every element that is the last element of its parent. |
| <:only-of-type> | p:only-of-type. | Selects every element that is the only element of its parent. |
| <:only-child> | p:only-child. | Selects every element that is the only child of its parent. |
| <:nth-child(n)> | p:nth-child(2). | Selects every element that is the second child of its parent. |
| <:nth-last-child(n)> | p:nth-last-child(2). | Selects every element that is the second child of its parent, counting from the last child. |
| <:nth-last-of-type(n)> | p:nth-last-of-type(2). | Selects every element that is the second element of its parent, counting from the last child. |
| <:nth-of-type(n)> | p:nth-of-type(2). | Selects every element that is the second element of its parent. |
| <:last-child> | p:last-child. | Selects every element that is the last child of its parent. |
| <:root> | :root. | Selects the document’s root element. |
| <:empty> | p:empty. | Selects every element that has no children (including text nodes). |
| <:target> | #news:target. | Selects the current active #news element (clicked on a URL containing that anchor name). |
| <:enabled> | input:enabled. | Selects every enabled element. |
| <:disabled> | input:disabled. | Selects every disabled element. |
| <:checked> | input:checked. | Selects every checked element. |
| <:not(selector)> | :not(p). | Selects every element that is not a element. |
| <::selection> | ::selection. | Selects the portion of an element that is selected by a user. |

©Blender Buddy 2015