CSS - робота з текстом, колір тексту, фон в css.
my3uka — Чт, 06/17/2010 - 10:26
У властивостях кольору CSS як і в простому HTML можна вказувати, як і словесне значення "red, blue, green" так і шістнадцяте значне "#ff3475". Думаю тут нічого складного не повинно виникнути.
Основні властивості кольору і фону в CSS
:- color
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background
А тепер розглянемо це все на прикладі. В простому HTML, щоб задати колір тексту потрібно використовувати тег <font color="red">червоний</font>. В каскадних таблицях це робиться дещо по другому.
H1 {
color: red ;
}
P {
color: green ;
}
Ми задали для тегу <p> i <H1> значення кольору червоний і зелений. Тепер нам кожного разу не знадобиться писати <font color="колір тексту"> ми вже присвоїли тегу Р колір. Тобто весь текст який буде знаходитись між тегами <p> </p> буде завжди зелений, відповідно між Н1 і Н1 завжди червоний. Йдемо далі. Приклад 1
Властивість BACKGROUND-COLOR
Background-color навідміну від HTML, в якому можна задати колір для цілої сторінки або таблиці, в CSS це можна робити для будь якого елемента.
BODY {background-color : #FFEE8C ;}
H1 {color: red ;background-color :blue ;}
P {color: green ;}
Приклад 2
BACKGROUND-IMAGE Ця властивість дозволяє поставити фоновий малюнок. Його можна ставити, як каталого вашого сайта так і з другого вказавши правильний шлях до малюнка. Ця функція відповідає background-image : url(шлях до фонового малюнку)
BODY {
background-color : #FFEE8C ;
background-image : url(http://my3ukablog.com.ua/sites/default/files/logo-adsense.jpg) ;}
H1 {
color: red ;
background-color :blue ;
}
P {
color: green ;
}
Приклад 3
Як ми бачимо з прикладу фонове зображення не велике (його я взяв із свого блогу) і воно постійно повторюється. У властивостях CSS є такі функції, як:
- Background-repeat: repeat-x; повторювати зображення по горизонталі. Дивитись
- Background-repeat: repeat-y;повторювати зображення по вертикалі. Дивитись
- Background-repeat: repeat; стандартне значення. Дивитись
- Background-repeat: no-repeat; не повторювати, розміщено тільки один раз. Дивитись
BACKGROUND-ATTACHMENT. Ця властивість встановлює чи фонове зображення буде прокручуватись чи буде залишатись нерухомо. Давайте подивимося на приклад.
SCROLL - фон проктучуються разом з всім текстом;
FIXED - фон зафіксований.
BODY {
background-image : url(image.png) ;
background-repeat: no-repeat;
background-attachment: scroll ;
}Приклад
BODY {
background-image : url(image.png) ;
background-repeat: no-repeat;
background-attachment: fixed ;
}Приклад
Дана функція дозволяє нам розміщувати зображення в різних частинах бравзера. Спочатку вказуємо координати по осі Х, потім через пробіл по осі У. Згадуємо школу за 6 клас, ми шось таке вчили H). Положення можна задавати як в пікселях так і словами: left, right, center, top, bottom.
top right - приклад
300px 500px - приклад
75% 25% - приклад
Trackback URL для цього допису
- блоґ my3uka
- 2198 переглядів
Щиро дякую автору за статтю,
Мандрівник (гість) — Вт, 08/03/2010 - 03:22Щиро дякую автору за статтю, дуже допомогла, весь нет перерив поки знайшов. Дякую!!!!
будь-ласка....
my3uka — Ср, 08/04/2010 - 20:13будь-ласка....
Новий Веб-майтер
CFL lighting
CFL lighting (гість) — Пн, 11/28/2011 - 08:45CFL lighting energy save lamp spiral lamp outdoor flood lights decorative lamps U bulb lotus light GU10 lamp MR11 LED g bulb gu base u shaped bulbs LED tubes light LED down light LED spot light LED cabinet lights LED spot lamps LEDs light bulbs LED cups Lamp cup LED wall lamp LED step light LED underwater light LED landscape light Energy saving lamps Energy savings light bulbs Energy save light stand up bag zipper bags sealed bags wholesale garment bag socks bag Medical packaging dog food bags electronics packaging coffee bags Underwear bags creative packaging Chemical bags Food packaging bags Buy tea bags mattress springs mattress fabric mattress tape mattress thread knitted fabrics spring Mattress Spring Clips Mattress protector Nonwoven Fabric Printed fabric Mattress Fabric optical filters laser filters beam splitters sapphire windows penta prism optical lense fused silica GP car GS boat EP boat GP boat EPE foam sheet extrusion line PS foam box making machine EPE foam net extruder PE foam pipe extruder EPE foam rod extrusion line XPS foam board extrusion line XPE foam sheet production line EPS machinery Coating Machine Recycle machine cheap nhl jerseys discount mlb jerseys wholesale mlb jerseys customized nfl jerseys nhl custom jerseys replica mlb jerseys cheap mlb jerseys Cooler bags wholesale Drawstring Bags Cooler Bags sports backpack Buy Tote Bags Folding Bags marble suppliers buy marble granite suppliers china stones best granite Marble Stone marble suppliers marble manufacturers granite stone granite marble heat transfer press machine flower plates photo crystals Sublimation Products Sublimation textile photo crystals button making machine China Torches bamboo torches Pot Packing Candle Bamboo Torch total bamboo torch bamboo garden gazebo wooden barrels chinese tea bags wholesale tea bags blooming tea jasmine flower tea chinese white tea white tea supplier white tea exporter plush animal toys bird toys buy dog toys plush toys manufacturer cartoon toys bear plush toys pet bird toys pet cat toys best cat toys wholesale cat toys Pet Toys Easter toys plush dog toys dog toys LED Flexible LED Light Strip LED Tunnel light LED Panel Light LED Wall Washer LED T5 Tube LED T8 Tube led tubes LED spot light aluminium profile aluminium profiles Anodized Aluminium Profile aluminum solar panel frame Standard aluminium profile aluminium Powder Coating Standard aluminium profile Sliding Aluminium Windows Solar Mounting System aluminium doors windows Sliding Aluminium Doors Aluminium Doors & Windows stainless steel tubes pipes Aluminium Curtain Wall 蒸煮 炭火焼き 唐揚げ 鶏の唐揚げ 唐揚げ定食 豚肉 野菜 野菜加工品 おいしい鶏肉 冷凍 鶏肉 豚肉 加工 おいしい豚肉 vacuum circuit breaker porcelain insulator cable joint composite insulator ceramic insulator porcelain insulators High voltage products insulator connector epoxy insulator Sodium alginate Sugar Alcohol Seaweed Fertilizer Alginate Mask sorbitol liquid sorbitol powder alginic acid Propylene Glycol Alginate potassium alginate seaweed fertilizer liquid seaweed fertilizer suppliers army shoes labor protection shoes Whitening gel syringe swivel usb Buy slimming capsules Sodium Nitrite slimming coffee teeth whitening gel cooler box ice cooler box small cooler box portable cooler box trolley cooler box beer cooler box cooler bag picnic bag picnic basket picnic baskets for sale picnic cooler bag small cooler bags Cooler bag manufacturer Masonic rings 925 silver ring stainless steel jewelry titanium jewelry tungsten rings signet ring cross pendants CZ jewelry Christian jewelry dog tag pendant titanium mens rings silver jewelry supplier custom class ring designer cuff links silver jewelry supplier Алюминиевые окна и двери Производство алюминия Алюминиевый кузов Алюминиевый радиатор производители алюминиевого профиля алюминиевые окна Алюминиевые окна и двери wholesale serving trays white melamine plates melamine bowl set melamine serving trays food serving trays melamine dinner set funky kitchen ware melamine cup white melamine bowls melamine bowls with lids Globe Valve Butterfly Valve Plug Valves Steel Valve Forged Steel Valve stainless steel ball valve high pressure ball valve 3 way ball valve Cast Steel Ball Valve Trunnion Ball Valve cast steel gate valve stainless steel check valve cast steel check valve Ball Valve Gate Valve Check Valve ball check valve ball valve manufacturer gate valve manufacturers Forged Steel Gate Valves Forged Steel Check Valves Pneumatic Actuator banner flex machine Butterfly Valves Ball Valves forged Steel valve supplier cast iron gate valve Offset Butterfly Valve Globe Valves control valve control valve supplier safty valve safety valve manufacturer
gucci outlet
gucci outlet (гість) — Вт, 12/20/2011 - 12:34jingruitwc
Dispatch of Netease science and technology on December 8 message, according to Reuter report, message personage discloses, the group is seeking Alibaba financing of debt of 4 billion dollar, plan to help the group in A counter-purchase Yahoo place to gucci outlet hold share through this financing.
Message personage says, investment bank Rothschild will take up the post of Alibaba group debt financing is advisory, already issued sale document to the bank, of concerned debt year period anticipate come high 3 years. gucci outlet store
Up to now, group and Rothschild all reject Alibaba to be judged to afore-mentioned message buy. louis vuitton outlet
The message yesterday shows, the group already combined Alibaba soft silver, xiang Yahu is referred want to gucci handbags outlet make an appointment with, the requirement counter-purchases the Asian asset of Yahoo hold, among them Alibaba hopes to be worth redemptive Yahoo place in order to be less than the appraise of 13 billion dollar to hold share. (The horse if)
Relevant report:
The discounted gucci bags Libaba that pass A desire 13 billion dollar counter-purchases Yahoo place to hold share
[each just react]
Alibaba pulls the to Yahoo 25 billion original gucci bags dollar since the hair to be bought
Plan of the lake that pass silver buys a few Yahoo shares with every 16.6 dollars
The message says THL of illicit collect fund is leather gucci bags about to buy business of Yahoo United States
AOL presiding apparitor reiterates not to plan to buy Yahoo
Microsoft and Yahoo sign confidential agreement to be about to buy Yahoo jointly with illicit collect
gucci bags outlet style="LINE-HEIGHT: 23px; TEXT-INDENT: 2em; FONT-SIZE: 14px">[Yahoo is dynamic]
Yahoo partner appeals to a board of directors not designer gucci bags act says contest buys regular block up to buy
Net scene author or Ren Yahu president obtain Yang Zhiyuan to approbate
Yahoo is shown in Singapore by tort gucci bags 2012 lawsuit do sth without authorization reprints article signing up for course of study
Analyse Yahoo or will start patent litigation war to Facebook
Yahoo gucci outlet large stockholder appeals associated author Yang Zhiyuan exits a board of directors
[comment]
In A need not overall buys Yahoo
Abroad of the Supreme Being sells: Yahoo who will win
(Article origin: Report of Netease science and technology)jacket
Мандрівник (гість) — Ср, 12/28/2011 - 10:00Snowboard jacket Mens oxford ski jacket Ladys sports ski jacket Outdoor jacket Softshell jacket Polar fleece jacket New style fleece vest 3 in 1 warm jacket Fashion taslon jacket Lightweight windbreaker Hooded down jacket Babys cloth Ski pant Underwear body pant
Borse Designer,Gucci Sito
Coffee1989 (гість) — Чт, 01/05/2012 - 06:51Borse Designer,Gucci Sito Ufficiale conosciuto per essere il miglior amico delle femmine,sono un'estensione della personalità di una donna,che danno la sua classe,eleganza e senso dello stile.Tutte le serie di Gucci Borse da donna sono leggeri,durevoli e unico per colore,forma e stile!Grande abbastanza da contenere tutti gli elementi essenziali,ma abbastanza piccolo per dare glamour a ogni occasione Gucci Borse 2012 - che si tratti di giorno o di sera Sia che preferiate elegante o casual,si può avere lo stile e la scelta dei colori nel nostro sito Borsa Gucci web per creare il proprio look,in qualsiasi occasione.
Una delle poche aziende
Coffee1989 (гість) — Чт, 01/05/2012 - 07:01Una delle poche aziende abbigliamento di lusso,Moncler Outlet ha incorporato di alta moda con la funzionalità completa,offrendo una linea completa di tendenze del design e stili differenti.Outlet Moncler giacca Branson è destinato ad attrarre verso di sé stesso in quanto offre l'abbigliamento migliore Moncler 2012 inverno e fa in modo che si cammina in grande stile in tutto il inverni.Essere alla moda anche nelle peggiori condizioni climatiche non è un Piumini Moncler problema se si possiede un giubbotto Moncler.
Louboutin Pas Cher a un
Coffee1989 (гість) — Чт, 01/05/2012 - 07:02Louboutin Pas Cher a un penchant pour le Moyen-Orient et a une maison de vacances en Egypte, sur le Nil à Louxor.
Comment avez- Louboutin Chaussures obtenir de gawping au danseurs de montage de ses créations sur les beautés classe tels que la princesse Caroline de Monaco, Catherine Deneuve et la reine Rania de Jordanie? Ce qui rend les chaussures de Christian Louboutin Chaussures se démarquer, outre leur qualité exquise, artisanat d'art, sexy talons hauts et des dessins originaux, est la brillante vernis à ongles semelle rouge.Christian Louboutin Paris sont élégantes, de style ainsi que un seul de ce genre. à peu près tous dame aime à posséder ces types de Christian Louboutin Pas Cher chaussures.
addict or abuser is
north face outlet sale (гість) — Вт, 01/10/2012 - 10:47addict or abuser is inadmissible to the Canada goose outlet (CMT) refers to a classification of crimes moncler outlet online
U.S., or if Immigration has "reason to Canada goose women which cause both inadmissibility and deportability for moncler uk
believe" that she has assisted a drug cheap north face jackets non-citizens, even when these same offenses would north face clearance
trafficker or has benefited from such activity north face outlet not be severely punished if committed by north face jackets
as the spouse or child of a cheap north face a U.S. citizen. It is not uncommon north face fleece
trafficker. Finally, admission of all of the north face denali jackets for crimes of moral turpitude to also north face on sale
elements of a controlled substance conviction will north face jackets sale be classified as aggravated felonies, when a north face jackets sale
also cause inadmissibility. A conviction of simple the north face jackets sentence of a year or more has north face us
possession or even possession of paraphernalia will columbia clearance been imposed. north face outlet sale
cause deportability and inadmissibility, unless the conviction columbia coats A crime is often classified as north face outlet
is eliminated through state rehabilitative relief. columbia jackets involving moral turpitude when there is an women north face sale
Crimes involving north face clearance intent to defraud or to steal, to moncler jackets
moral turpitude north face coats clearance cause great bodily harm, where there is us moncler
The term, "crime involving moral turpitude" north face coats for women
magnesium ingot
magnesium ingot (гість) — Ср, 01/11/2012 - 10:05titanium dioxide http://www.yataichemics.com/product_cat_list/Titanium-Dioxide-c8756.html
iron oxides http://www.yataichemics.com/product_cat_list/Iron-Oxide-c8780.html
Chemical Product http://www.yataichemics.com/product_cat_list/Chemical-Products-c9274.html
NPK fertilizer http://www.yataichemics.com/product_cat_list/Nitrogen-Fertilizer-c10069....
urea fertilizer http://www.yataichemics.com/product_cat_list/Nitrogen-Fertilizer-c10068....
calcium chloride http://www.yataichemics.com/product_cat_list/Chloride-c10065.html
master batch http://www.yataichemics.com/product_cat_list/Plastic-Granuals-c9981.html
ammonium chloride msds http://www.yataichemics.com/product_cat_list/Nitrogen-Fertilizer-c10069....
ammonium chloride http://www.yataichemics.com/product_cat_list/Nitrogen-Fertilizer-c10069....
masterbatch http://www.yataichemics.com/product_cat_list/Plastic-Granuals-c9981.html
plastic granules http://www.yataichemics.com/product_cat_list/Plastic-Granuals-c9981.html
sealing rings http://www.yataichemics.com/product_cat_list/Sealing-element-c9149.html
seals o ring http://www.yataichemics.com/product_cat_list/Sealing-element-c9149.html
Isophorone http://www.yataichemics.com/product_cat_list/Isophorone-c9129.html
car perfumes http://www.yataichemics.com/product_cat_list/Plastic-Granuals-c9981.html
calcium carbide http://www.yataichemics.com/product_cat_list/Calcium-Carbide-c9063.html
carbon black price http://www.yataichemics.com/product_cat_list/Carbon-Black-c8798.html
chemical fertilizer http://www.yataichemics.com/product_cat_list/Chemical-Fertilizer-c9150.html
nitrogen fertilizer http://www.yataichemics.com/product_cat_list/Nitrogen-Fertilizer-c10069....
caustic soda flake http://www.yataichemics.com/product_cat_list/Carbon-Black-c8798.html
monoprotic acid http://www.yataichemics.com/product_cat_list/Acid--Alkali--Salt-c8891.html
magnesium oxide http://www.yataichemics.com/product_cat_list/Chemical-Products-c9274.html
magnesium ingot http://www.yataichemics.com/products_info/Magnesium-Ingot-144394.html
gum rosin http://www.yataichemics.com/product_cat_list/Gum-Rosin-c9148.html
snow melt agent http://www.yataichemics.com/product_cat_list/Chemical-Products-c9274.html
Ink cartridge Ink
buy ink cartridge (гість) — Вт, 01/31/2012 - 11:25Ink cartridge Ink cartridge canon compatible ink Ink cartridge Ink cartridge printer ink prices buy ink cartridge Ink cartridge cheapest inkjet cartridges recycled ink cartridge hp ink remanufactured ink cartridges review
Додати новий коментар