Blender Buddy!!



BLENDER HEAD FOREVER!

HI!

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 that are preceded by a

    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.






If you would like to check out some more of my work.
Check out the PAGES in the Drop Down Menue below.




BACK TO TOP!


Download Blender