Kompjûters, Programming
Dekorative ûndersteande CSS-eleminten
De technology fan stylblêden docht twa funksjes by it meitsjen fan HTML-siden. Earst, mei har help, wurdt de posysje fan de yndividuele eleminten fan 'e side foarme. Twadlik makket it blokken fisueel oantrekliker foar de brûker. De twadde funksje wurdt op ferskate manieren ynfierd. Ien fan harren is ûnderstreekjen. CSS soarget foar dizze attribút text- dekoraasje.
Spesifikaasje fan it attribute-record
Brûk text- fersiering eigendom is simpel. It is genôch om de folgjende line te skriuwen foar it elemint yn 'e koade fan' e stylstyle:
text- decoration: znachenie_atributa;
Ynstee fan "znachenie_atributa» CSS spesifikaasje biedt in oantal opsjes:
- ûnderstreekje - line leit direkt ûnder de tekst;
- overline - line rint fan 'e top fan' e tekst;
- gjint - it fuortheljen fan alle dekorative effekten;
- erven - oannimt de wearde fan 'e âlder elemint.
It boppesteande binne net alle mooglike foarmen fan 'e record, omdat dit attribus net allinne CSS ûnderstrekt, mar ek oare effekten, bygelyks "blinkend" de tekst of har krusing.
Foarbylden fan hyperlink ûntwerp
Beginners yn webûntwerp en programmearring hawwe de fraach: wêrom meitsje de bottomline fan 'e tekst? By it begjin fan 'e ynternettechnology-tiidrek, dizze opmerking fan' e brûker wurdt oanjûn dat der in hyperlink foar him is - in tekst dy't klikst nei in nije side.
Standert, Hyperlink eigendom set underline. Yn 'e praktyk ûntsteat it probleem om de riging te brûken fan ynaktive eleminten en meitsje it sichtber as de brûker de mûsoanwizer slacht. Hjir is in foarbyld fan koade dy't de CSS ûnderline útsette:
A {tekst-dekoraasje: none;}
De folgjende yngong wurdt brûkt foar aktive keppelings:
A: hover {text-decoration: underline;}
Dekorative ûnderline foar avansearre
Standert skaaimerk text- decoration hat ferskate beheinings:
- De kleur fan 'e rigel ferskilt net fan' e kleur fan 'e tekst fan' e keppeling, it is ûnmooglik om har "kleuren" te ûnderskieden;
- Allinich in folsleine line wurdt brûkt as subsydrûk. CSS betsjuttet gjin gebrûk fan oare stilen fan skema.
Mar spesjale techniken helpe om it klassike ûntwerp fan 'e tekst te fersprieden. Yn it earste gefal, om in keppeling gien wurdt mei help fan de fakultative tag .
Bygelyks:
"> hyperlink
. >
As resultaat, op 'e side sil it wurd hyperlink yn blau skreaun wurde, en de linenkleur sil rot wêze.
In oare foarige metoade dy't jo kin CSS ûnderstreken meitsje, - grins-boaiem. It hjirboppe foarbyld ferklearret it gebrûk:
A {border-bottom: 1px solid red;}
It resultaat sil itselde wêze lykas yn it foarbyld hjirboppe. Mar dizze metoade hat in wichtich foardiel. Neist it feroarjen fan de kleur fan 'e rigel (red is no ynsteld), is it mooglik om de wize wêrop't it tekene ferfoarme is:
- dotted - makket it punt tekens;
- gie stees - line bestiet út streken;
- Dûbel tekent in dûbel line.
Dus, attribute border- ûnderkant is mear funksjoneel. Neist it oanjaan fan in dekorative line ûnder de tekst, it makket it om jo optreden oan te passen.
Similar articles
Trending Now