[Powered by Google Translate] [CSS]
[Joseph Ong - Harvard University]
[Hoc est CS50. - CS50.TV]
>> Hodie nos loquemur circa CSS aut SUBMISSUS Style rudentis.
>> Sic quis exigo est CSS?
Bene, lets confringet term CSS descendit in II partes:
SUBMISSUS et Style rudentis.
SUBMISSUS modicum est magis composita, et alia operi certe aliquid video.
Sed imprimis, Style rudentis valde innuit quid CSS facit.
Addit styles ad HTML of a web page,
mutans quomodo paginam aesthetically laudävit.
Ita omnia ex fonte contenti positus in textum ipsum
ad alia frigus rebus quasi faciens in angulis arca archa rotundatis vel addendo tenebris ad text.
Vos can vel facere rabidus rebus quasi, quae faceret animandum in screen.
>> Sic quam operor utimur CSS cum HTML?
Tolle haec pauper bellus site EGO iustus scripsit.
Si Rob erant hoc intueri site vox iam ille certe, probabiliter dicere aliquid huiusmodi,
"Wow Mi introductionem spectat terribilis. Joseph, vestri 'horrendum et Importare".
"Usura default Times font? Helvetica est adeo melius."
>> Sic quaenam sit simplicissima via applicare text Rob uult?
Maxime manifestis via lots of populus initio scripsit CSS
recte dicimus ut scilicet ipsum elementum more denuntiationibus
usura HTML style attributum.
A style declarationem simpliciter consistit in HTML elementum est scriptor CSS proprietas nos volo muto
deinde sequitur nova colonia semicolon proprietatem et dignitatem in.
Puta si dicamus quod apud Rob introductionem nigris velit.
Nos prius posuit style attributum in Rob scriptor div hic
tunc inside duplici quotes posuit CSS declarationis:
"Terminum 1px solidum nigrum;"
Dicitur I latitudinis pixel in finibus solidum marginem dicitur genus,
determinat quid sit extremum et color ora color.
>> Si volumus multiple styles super elementum, haec scribere declarationes sequence.
Pro exemplo, si Rob cupit caput capitis text in Helvetica caeruleo background
et plus spatii circa textu, possumus hoc facere:
style = "font-familiam habui: Helvetica; background-colorem: cæruleus; padding: 5px;"
Ultimum semicolon est actu optional, sed homines solet servaveris eam in constan gratia.
>> Puteus 'salvum explicando quidam de frigidior Thracam et magis complexu CSS proprietates
pro alio video.
Si habes aliquid in mente, iustus Googling effectus vos volo secuutus per CSS
mos forsit dabo vobis pulchellus bonus praecessi.
Gelidis res est ut CSS est pulchellus lata,
quae sola si quid vis ut faciam - sane -
CSS probabiliter potest facere illud.
Hoc dicimus genus vocarunt inline text.
Res loquitur bene juxta eu velit.
>> Enim folks qui plane vellem organisatum,
vos vires satus questus a paulo peeved autem quomodo nuntius hoc omnia laudävit.
Si imaginor aliquid faciendum in omni pagina
plus jam nunc tua HTML et CSS sunt, omnes interiecti et cluttered.
Gross, vox?
Pango hoc, populus eventually coepi, apprehensa ad et divisio HTML markup
ex eorum CSS text per usura aliquid vocavit CSS selectors.
CSS selectors sunt inducta ad eligere, ex quibus declarationes applicantur.
A electrix iunctique cum a album of CSS declarationes catur multotiens quasi CSS regulam.
Has regulas esset poni inter aperire et claudere HTML style tags
caput saepe testatus est.
>> Magis videre illud exemplum
sic lets 'satus per partum simplex CSS regulam.
Primum, ne scriptor posuit style tags in capite capitulum nostrae HTML.
Next et electrix.
Puteus 'satus off per usura unus de simplicissima selectors est, cinis symboli,
quae deligit an HTML elementum per suam ID attributum.
In hoc casu puteus 'lego div, quae exhibet Rob scriptor introductionem
per typing in cinis symbolum secuutus per div scriptor ID, expoliandum.
Nunc declarationibus suis.
Addimus aperire et claudere adstringit transferamusque quod superius inline declarationes super Rob scriptor div
intra ipsis adstringit, reficite,
et, refrigerant, Rob scriptor intro habet tamen nigris Circumdedi illud preter nuntius inline deformitati.
>> Nunc, quid si voluimus lego h1 inside of Rob scriptor intro?
Ut putes, "Lets posuit ID super illud et tunc permoveo quod superius styles."
Ut officina, sed CSS habet alias vias tabellae vos lego elementa
per usura quod nos vocamus combinators miscere simplex selectors.
Sicut character uti combinator whitespace
definias, omnes instantiis I electrix qui vivimus, inside of alius electrix.
Videtur perplexior amet quam habet.
Hic 'exemplum.
Nos mos typus # expoliare, adde spatio, et sequuntur, cum h1,
alius simplex electrix vocatur tag electrix qui deligit genera elementa
sicut divs aut paragraphs.
Spatium conjunxerit, nostri II simplex selectors, accomodantes omnes CSS declarationes
et crispus adstringit ad h1 tags qui vivimus, intus est elementi in id = "expoliandum".
Iustus ut tibi suadendum ut is officina, Peius mutare font color ad album, reficite,
et ecce Rob scriptor caput capitis nunc est albus.
>> Ex hoc omnes Procedebat opus ut ostendat quod per usura regulas pro inline styles
Mauris multo mundius possumus.
Etenim si, hoc genus obstructionum satus questus pauco ampla,
Habeo etiam attrahendam autem genus ex in diversum file omnino.
>> Ut comprehendo hoc novum lima ut CSS in hoc documento Peius 'iustus utor HTML scriptor nectunt tag.
Hic ego Im indicaverit ut Im 'retorquentis in externa style sheet est, rel attributi,
et specificantis iter ad file cum meis href attributum.
Nunc mea HTML markup et CSS preparantur nicely in omnino separata lima,
quod est fere semper via gravida malle cooperante HTML et consectetuer turpis.
>> In casu miraris, simplices selectors includunt ID selectors
et tag selectors sicut ones nos iustus vidit
necnon classis selectors legisset elementa cum quoddam genus,
attributum selectors legisset elementis per alia attributa quasi type = "radio"
pro radio puga pyga inputs, et pseudoselectors quasi tabernus et focus
pro specificantis text quando interactions Consimile mousing super elementum occurrunt.
>> Commune combinators includunt whitespace enim omnes filii
et commata ad distinguendum selectors.
Eras aliis possit occurrere includunt sagittam pro dirige filios tantum,
in tilde pro omnibus siblings quod fieri post ad elementum,
et plus signum in I fratrem venit, quod statim post elementum.
>> Discursa per haec selectors et combinators,
etenim poteris effugere potest in data dilatare paginae
et scribe CSS magis efficenter.
Per iustus a iugo of lineas CSS me videtis typing hic,
Cito hoc potest facere aliquid tale videatur.
>> Im Joseph, et hoc est CS50.
>> [CS50.TV]
>> Uh, ubi incipiam?
Faciamus quod sine - [ridet] okay.
Add a - Dimitte me mutare tenorem.
Ooh. Paenitet.