abbasi_0912
Active Member
با سلام
این عنوان رو به این خاطر انتخاب کردم که واقعا مستحق اش هست البته من این طور فکر می کنم.
خوب بگذریم در مورد css باید گفت که اگر حتی چند تا زبان برنامه نویسی رو برای طراحی سایت بلد باشی اما از css هیچ چی بلد نباشی نصف عمرت برفناست .
من قصد ندارم به شما آموزش بدم فقط لینک هایی رو قرار می دهم که برای یاد گیری css و کامل کردن اطلاعات خودتان در زمینه css خیلی مفید هست اگر یکمی css کار کرده باشید و این لینک ها رو نگاه کنید حداقل 70% css رو یاد می گیرید فقط کافی به تگ های استفاده شده در این سایت یک نگاه بیندازید و نتیجه آن رو ببنید.
لینک های زیر برای یک سایت خارجی می باشد که صفحه وب رو به دو سمت تقسیم کرده و در سمت چپ کد css به علاوه html رو نوشته و در سمت راست نتیجه این کد ها رو گذاشته که خیلی مفید هست و می تونه یک منبع در هنگام کار باشه.
برای من که یک منبع هست چون من به غیر از این سایت هیچ چیز دیگری ندارم حتی کتابی در مورد css
توجه : »»»»»»» در این سایت از عکس هایی استفاده کرده است که باید اون ها رو خودتون ذخیره کنید همراه صفحه ذخیره نمی شوند .
این عنوان رو به این خاطر انتخاب کردم که واقعا مستحق اش هست البته من این طور فکر می کنم.
خوب بگذریم در مورد css باید گفت که اگر حتی چند تا زبان برنامه نویسی رو برای طراحی سایت بلد باشی اما از css هیچ چی بلد نباشی نصف عمرت برفناست .
من قصد ندارم به شما آموزش بدم فقط لینک هایی رو قرار می دهم که برای یاد گیری css و کامل کردن اطلاعات خودتان در زمینه css خیلی مفید هست اگر یکمی css کار کرده باشید و این لینک ها رو نگاه کنید حداقل 70% css رو یاد می گیرید فقط کافی به تگ های استفاده شده در این سایت یک نگاه بیندازید و نتیجه آن رو ببنید.
لینک های زیر برای یک سایت خارجی می باشد که صفحه وب رو به دو سمت تقسیم کرده و در سمت چپ کد css به علاوه html رو نوشته و در سمت راست نتیجه این کد ها رو گذاشته که خیلی مفید هست و می تونه یک منبع در هنگام کار باشه.
برای من که یک منبع هست چون من به غیر از این سایت هیچ چیز دیگری ندارم حتی کتابی در مورد css
توجه : »»»»»»» در این سایت از عکس هایی استفاده کرده است که باید اون ها رو خودتون ذخیره کنید همراه صفحه ذخیره نمی شوند .
CSS Background Examples
Set the background color
Set an image as the background
How to repeat a background image
How to repeat a background image only vertically
How to repeat a background image only horizontally
How to display a background image only one time
How to place the background image
How to position a background image using %
How to position a background image using pixels
A fixed background image (this image will not scroll with the rest of the page)
All the background properties in one declaration
Set the background color
Set an image as the background
How to repeat a background image
How to repeat a background image only vertically
How to repeat a background image only horizontally
How to display a background image only one time
How to place the background image
How to position a background image using %
How to position a background image using pixels
A fixed background image (this image will not scroll with the rest of the page)
All the background properties in one declaration
Text
Set the color of the text
Set the background-color of the text
Specify the space between characters
Specify the space between lines
Align the text
Decorate the text
Indent text
Control the letters in a text
Set the text direction of an element
Increase the white space between words
Disable text wrapping inside an element
Set the color of the text
Set the background-color of the text
Specify the space between characters
Specify the space between lines
Align the text
Decorate the text
Indent text
Control the letters in a text
Set the text direction of an element
Increase the white space between words
Disable text wrapping inside an element
Font
Set the font of a text
Set a paragraph font using the "caption" value
Set the size of the font
Set the style of the font
Set the size of the font using font-size-adjust
Set the variant of the font
Set the boldness of the font
All the font properties in one declaration
Set the font of a text
Set a paragraph font using the "caption" value
Set the size of the font
Set the style of the font
Set the size of the font using font-size-adjust
Set the variant of the font
Set the boldness of the font
All the font properties in one declaration
Border
All the border properties in one declaration
Set different borders on each side
All the top border properties in one declaration
All the bottom border properties in one declaration
All the left border properties in one declaration
All the right border properties in one declaration
Set the style of the four borders
Set the style of the top border
Set the style of the bottom border
Set the style of the left border
Set the style of the right border
All the width border properties in one declaration
Set the width of the top border
Set the width of the bottom border
Set the width of the left border
Set the width of the right border
Set the color of the four borders
Set the color of the top border
Set the color of the bottom border
Set the color of the left border
Set the color of the right border
All the border properties in one declaration
Set different borders on each side
All the top border properties in one declaration
All the bottom border properties in one declaration
All the left border properties in one declaration
All the right border properties in one declaration
Set the style of the four borders
Set the style of the top border
Set the style of the bottom border
Set the style of the left border
Set the style of the right border
All the width border properties in one declaration
Set the width of the top border
Set the width of the bottom border
Set the width of the left border
Set the width of the right border
Set the color of the four borders
Set the color of the top border
Set the color of the bottom border
Set the color of the left border
Set the color of the right border
Outline
Draw a line around an element, outside the border edge (outline) (Does not work in IE)
Set the style of an outline (Does not work in IE)
Set the color of an outline (Does not work in IE)
Set the width of an outline (Does not work in IE)
Draw a line around an element, outside the border edge (outline) (Does not work in IE)
Set the style of an outline (Does not work in IE)
Set the color of an outline (Does not work in IE)
Set the width of an outline (Does not work in IE)
Margin
All the margin properties in one declaration
Set the top margin of a text using a cm value
Set the top margin of a text using a percent value
Set the bottom margin of a text using a cm value
Set the bottom margin of a text using a percent value
Set the left margin of a text using a cm value
Set the left margin of a text using a percent value
Set the right margin of a text using a cm value
Set the right margin of a text using a percent value
All the margin properties in one declaration
Set the top margin of a text using a cm value
Set the top margin of a text using a percent value
Set the bottom margin of a text using a cm value
Set the bottom margin of a text using a percent value
Set the left margin of a text using a cm value
Set the left margin of a text using a percent value
Set the right margin of a text using a cm value
Set the right margin of a text using a percent value
Padding
Set the left padding of a tablecell
Set the right padding of a tablecell
Set the top padding of a tablecell
Set the bottom padding of a tablecell
All the padding properties in one declaration
Set the left padding of a tablecell
Set the right padding of a tablecell
Set the top padding of a tablecell
Set the bottom padding of a tablecell
All the padding properties in one declaration
List
The different list-item markers in unordered lists
The different list-item markers in ordered lists
All the list style types
Set an image as the list-item marker
Place the list-item marker
All list properties in one declaration
The different list-item markers in unordered lists
The different list-item markers in ordered lists
All the list style types
Set an image as the list-item marker
Place the list-item marker
All list properties in one declaration
Table
Set the layout of a table
Show empty cells in a table
Collapse a table border
Set the space between table borders
Set the position of the table caption
Set the layout of a table
Show empty cells in a table
Collapse a table border
Set the space between table borders
Set the position of the table caption
Dimension
Set the height of an image using a pixel value
Set the height of an image using percent
Set the width of an element using a pixel value
Set the width of an element using percent
Set the maximum height of an element
Set the maximum width of an element using a pixel value
Set the maximum width of an element using percent
Set the minimum height of an element
Set the minimum width of an element using a pixel value
Set the minimum width of an element using percent
Specify the space between lines using a percent value
Specify the space between lines using a pixel value
Specify the space between lines using a number value
Set the height of an image using a pixel value
Set the height of an image using percent
Set the width of an element using a pixel value
Set the width of an element using percent
Set the maximum height of an element
Set the maximum width of an element using a pixel value
Set the maximum width of an element using percent
Set the minimum height of an element
Set the minimum width of an element using a pixel value
Set the minimum width of an element using percent
Specify the space between lines using a percent value
Specify the space between lines using a pixel value
Specify the space between lines using a number value
Classification
How to display an element as an inline element
How to display an element as a block element
A simple use of the float property
An image with border and margins that floats to the right in a paragraph
An image with a caption that floats to the right
Let the first letter of a paragraph float to the left
Creating a horizontal menu
Creating a homepage without tables
Position an element relative to its normal position
Position an element with an absolute value
Position an element relative to the browser window
How to make an element invisible
How to make a table element collapse
Change the cursor
Clear the sides of an element
How to display an element as an inline element
How to display an element as a block element
A simple use of the float property
An image with border and margins that floats to the right in a paragraph
An image with a caption that floats to the right
Let the first letter of a paragraph float to the left
Creating a horizontal menu
Creating a homepage without tables
Position an element relative to its normal position
Position an element with an absolute value
Position an element relative to the browser window
How to make an element invisible
How to make a table element collapse
Change the cursor
Clear the sides of an element
Positioning
Position an element relative to its normal position
Position an element with an absolute value
Set the shape of an element
How to show overflow in an element using scroll
How to hide overflow in an element
How to show set the browser to automatically handle overflow
Vertical alignment of an image
Place an element "behind" another element
Place an element "behind" another element 2
Set the top edge of an image using a pixel value
Set the top edge of an image using a percent value
Set the bottom edge of an image using a pixel value
Set the bottom edge of an image using a percent value
Set the left edge of an image using a pixel value
Set the left edge of an image using a percent value
Set the right edge of an image using a pixel value
Set the right edge of an image using a percent value
Position an element relative to its normal position
Position an element with an absolute value
Set the shape of an element
How to show overflow in an element using scroll
How to hide overflow in an element
How to show set the browser to automatically handle overflow
Vertical alignment of an image
Place an element "behind" another element
Place an element "behind" another element 2
Set the top edge of an image using a pixel value
Set the top edge of an image using a percent value
Set the bottom edge of an image using a pixel value
Set the bottom edge of an image using a percent value
Set the left edge of an image using a pixel value
Set the left edge of an image using a percent value
Set the right edge of an image using a pixel value
Set the right edge of an image using a percent value
Generated Content
Changes the quotation marks on a page
Changes the quotation marks on a page
Pseudo-classes
Add different colors to a hyperlink
Add other styles to hyperlinks
Hyperlink: use of :focus (does not work in IE)
:first-child (does not work in IE unless <!DOCTYPE> is declared)
:lang (does not work in IE)
Add different colors to a hyperlink
Add other styles to hyperlinks
Hyperlink: use of :focus (does not work in IE)
:first-child (does not work in IE unless <!DOCTYPE> is declared)
:lang (does not work in IE)
Pseudo-elements
Make the first letter special in a text
Make the first line special in a text
Make the first letter and first line special
Use :before to insert some content before an element (Does not work in IE)
Use :after to insert some content after an element (Does not work in IE)
Make the first letter special in a text
Make the first line special in a text
Make the first letter and first line special
Use :before to insert some content before an element (Does not work in IE)
Use :after to insert some content after an element (Does not work in IE)
آدرس سایت http://www.w3schools.com/
این سایت آموزش CSS,HTML,ASP,PHP و جند زباد برنامه نویسی رو به زبان انگلیسی داره و در مورد ها زبانی که آموزش میدهد یک قسمت نمونه مثل لینک های بالا دارد و همچنین تگ ها یی که در HTML4 قابل استفاده می باشند .......
این سایت آموزش CSS,HTML,ASP,PHP و جند زباد برنامه نویسی رو به زبان انگلیسی داره و در مورد ها زبانی که آموزش میدهد یک قسمت نمونه مثل لینک های بالا دارد و همچنین تگ ها یی که در HTML4 قابل استفاده می باشند .......
امیدوارم برای شما مفید واقع بشه
آخرین ویرایش:
