>> [MUSIC PLAYING]
>> DOUG LLOYD sic fiat scriptor magis video loqui de una lingua.
Nunc CSS confabulabimur.
Ita CSS, quae est brevis SUMMISSUS Style rudentis,
est alia lingua utimur ut construens websites.
Cogitare de illo sicut est hodie.
Quod si nos ad organize HTML contentus nostris volumus page
CSS est tool ut plerumque uti ut mos quonam modo veteres nostri websites respicere,
et quomodo administraretur user experientia vere est mutuo occurrant cum website.
>> Similar to HTML, CSS est non est programming lingua.
Non habet rationem.
Non habet variabiles.
Quod non habeat aliquam influunt in paginis quibus pagina quae C facit.
Suus 'a styling lingua.
Et syntax est pulchellus simplex, sicut et describes
quam elementa nostrum HTML page habent regulas certas
elementa moderandum censent.
Ad finem, si non vigilavi et nostrum video in HTML
aut insuetis HTML generaliter vobis
Vide quam velit Primo quidem, quia hoc de CSS
est iens ut dependet aliquam cognitionem de HTML.
>> Sic hic 'a vere CSS stylesheet simplex.
Si aut inmundum numquam introivit programmatibus CSS ante,
Im 'pulchellus certus quod instar sicco quid hoc stylesheet facit.
Quid frustra deciperis?
Sed corpus nostrum de web page, inter omnia corporis tags
HTML nostra et movet background colo colui cultum of page ut induat ad cæruleum accedentem.
Bene, suus 'valde simplex stylesheet.
Suus 'vere humanae amica lingua, CSS.
Ita etiam si ea non utuntur, vos forsit divinare poterat quid faciebat.
Nam si a page onustus ubi hoc stylesheet figitur quodammodo,
si subiectum coloris paginam et hyacintho, et vexillum album.
>> Sic quam operor nos aedificare stylesheets?
Primo, quantum ad eius identify a electrix.
In proximo exemplo, ut lego corpus erat.
Deinde habemus apertam crispus, ue, et sumus
iens ut incipiat definiens stylesheet quia electrix.
In crispus adstringit inter nos iustus habere a album of key valorem paria.
Priore valorem par erat background color cæruleus semicolon,
sed magis haec faceremus.
Vos could have multiple rerum applicando ad quod tag, ut lego corpus.
Unusquisque eorum separandae semicolon vocamus unoquoque eorum oblatio
profiteretur, CSS declarationis.
Opus enim cum toto text vis ad talem tag,
nos iustus have a operti crispus brace finire stylesheet,
et nos 'perfectus definiens stylesheet illa particularis electrix.
>> Quid sunt commune aliquod CSS proprietates?
Bene, maybe vos volo ut limbum circa aliquid.
Sic possis dicere terminos ut putaremini esse clavem,
deinde uestrae bona essent, Quodcumque colorem latitudine
vos volo is futurus.
Sic genus esse solidum linea, a punctatum linea, a linea elidantur,
iugum linea recta esset admodum.
Maybe vos volo ut habeat eam si vero aut nigrum vel hyacintho viridi.
Maybe vos esse volo, I vel II X elementa vel latae.
Omnibus istis non dat speciem.
Aliquam vis habere curriculo colore potissimum pagina.
Iam videns ponens caeruleus color corporis esse.
>> Tune potes uti clave sermonis ita CSS habet quibusdam coloribus
quod aedificamur, cæruleus, viridis nigro colore simplicissimo scimus.
Sed vos can quoque specificare quicquam hex colorem velis.
Quaesivi quem diligit, colores potest idem per a paro of numeri tria hex
de CCLV 0, rg b, rubei coloris et carbasini ac hyacinthini coniunctam.
Vnde potest specificare volumus per aliquem colorem,
pro usura caeruleis viridis aut niger, et tunc usura libras sex digitorum hex,
et ut daret eam nobis sex digit color.
Ita quod subiectum coloris.
>> Nos quoque habent foreground color, quae solet esse
futurum pagina textum.
Et similiter quod facere cum key dictis exsequamur et factis aut sexies digit hex.
Sic vos can proprius color vis pagina textum
contra particularem background colo colui cultum, up supra.
Vos can quoque mutare et agere cum fonte via text
redditur in page.
>> Sic potest mutare font size.
Vos can utor verbis amet, ut extra, extra perexiguae, alioqui rursus xx contra minimum aut contra medium,
magno, et sic de aliis.
Possis punctis fixis X punctum puncto XII, et sic deinceps.
Possis percentages, LXXX% XX% ubi est C% default font
magnitudinis, ut solet XI vel XII alicuius instar puncti.
Vel vos can etiam fundant eam recentissimorum font size.
Si te scripsit et scitis minor vis est ut,
sed nescio quid magnitudinis volumus esse bene potest dicere,
font magnitudine minor.
Et erit fundare expoliatione corporis, sicut super illud font size.
Minoris aut maioris amplitudinis et licebit.
Itaque aliud sit amet vias definias font size.
>> Vos can quoque explicat quibusnam font familia vis.
Si vos have a particulari nomine meo, ibi suus 'a via in CSS--
Non sumus loqui here-- definire valde specifica font
Permalink in pagina.
Vos can quoque utor nomina.
Illic 'multus of web tutum pelvis qui pre-definitur in CSS.
Et si a user Microsoft Officium in novissimo XX annis
vos es forsit familiar cum multum haec tela incolumis pelvis
iam Times New Roman Times New cursorem Georgia Tahoma, italic,
et sic porro.
Illi considerabatur web tutum pelvis.
Et actu, part of the ideo factum est
utendum est, ut passim web-- pones ex defectu esset aditus ad pelvis
serius variis et omnis font effercio nos non ingredietur,
sed haec sunt fere accessibilem in vestri CSS,
etiam si non aliter definire pelvis.
Denique align potes tua littera orta est ex defectu amet
sive ad sinistram, et potuisti align ea ad dextram,
vel vos could align eam reflectitur, vel iustificati ut ledo utrumque marginibus.
Quocirca bene omnia possis textu mutare quid vultus amo,
et suus propono pagina.
>> Your selectors non debuit esse solum tags.
Prius vidimus tale corpus tag lego, et electrix tag
non respicere sicut qui.
Tag nominas, tum definimus stylesheet quia tag.
Sed vos can quoque facere aliquid ID vocari electrix.
An ID lego vultus pulchellus simile.
At videte, quoniam ego non utendo an HTML tag, usus sum, in hoc casu,
#unique aut hash unique.
Si discretionis nostre recolimus video in HTML, locuti sumus
quomodo tags potest habere attributa.
>> Et unius attributi est applicabilis ut fere omnes HTML tags,
sed non loquuntur, an sit aliquid vocavit ID tag.
Ita haec utinam CSS quod tantum de HTML tag
a speciei Id quod nominauerunt.
Sic si vos habere alicubi in vestri code, alicubi
In HTML lima et tag specificare ut attributum quod tag,
Unique ID pares, hoc particular stylesheet
hic solum inter Linguae vernaculae in Missis quod cum tag of unique ID.
>> Vos can quoque facere aliquid dicitur class electrix.
Ita in additione ad habentem ID attributa, vos can quoque
Adde genus attribuere HTML tags.
Et cum vos utor genus attributum, potest dici multipliciter sagittis quam.
Plura igitur iudicia si habueritis similia sunt forte dicas,
aperta tag mauris, non mauris, non mauris, mauris, classis alumni pares.
Et tunc hoc stylesheet competiturum
ad omne genus est tag cuius alumni.
Hic constituit wed background color ad flavum,
et nos youd 'set opacity, quae ergo non est tag loqui,
sed agit quam perlucidum id est, LXX%, in hoc casu.
>> Illic 'duo options quia scripturam stylesheets.
Vos can circumda eas gutturi tuo directe in HTML
per collocent stylesheets in stilo inter tags.
Nutriebantque eos supradicti style tags ire inside of Define tags caput tuum.
Quod forte magis maluit via efficio scribendum est separata .css lima
et tunc link it in tuo documentum using link tags.
Link tags iterum sunt dissimilis valde ab hyperlinks,
si discretionis nostre recolimus WBMP video.
Et nectunt tags sunt unde scimus quoniam trahere in separata files.
Non amo quandam instar #include for the web programming.
>> Sic lets 'inspice table.HTML.
Si discretionis nostre recolimus HTML video, ostendi
exemplum valde simplex multiplicationem
mensa respiciebat pulchellus deformis, et maybe illic '
ita ut magis CSS, ut actualiter spectant
statum perfectionis, similiores multiplicationem recumbit, an aliquid
qui non est justus conglutinatam cum nullum actuale divisio
inter ordines columnarum.
Sic lets 'caput capitis super CS50 IDE et vide
at quomodo potest CSS, exstat, tweak quod nos coepi per prius,
aliquid et multus melior.
>> Ita haerent in CS50 IDE nunc, et si insolitus,
puteus in hoc evellere mensa HTML page.
Table.HTML basically mox definit contents
of a multiple-- putabatur esse et multiplicationem quaternos mensam.
Suus 'pulchellus fictos.
Quod tamen facere putant respice pulchellus bene verat.
Verum cum hoc augue page videmus genus turpe iustum
Clare habemus hic ordines columns.
Aliqua vel tacite cogitemus.
Sed voluntas non separat.
Erant 'non actu questus nimium notitia hic.
Et illic 'haud cubitorum dividentem inter porticus et columnas in terminis
de horizontali aut verticali regulas.
Possemus forsit facere respice paulo melius.
Sic lets 'try.
Im 'iens ut hic iste claudatur tab.
Et Im 'iens ut me table.HTML, et potestatem habeo aliam litteram hic
vocavit table2.HTML.
Puteus 'patefacio sursum quod.
Corpus est page pulchellus ultum idem,
sed Ive 'mutata pauco in summo.
Et quidem ego librum huc.
Attende nunc sum usura immersa style tags.
Ego aperuit genere tag, et iam non sum definiens CSS stylesheet intro
of it.
Habeo stylesheet dicat: mensam.
Ut mea tag electrix.
Im 'non usura dot vel cinis, si autem quod nolo illud facio non
Id quod vel in genere utens electrix.
Habeo a tag electrix here-- mensam.
Hic stilus est iens applicare ad diversitate mensarum tag.
Videtur Volo unum pixel lata, solidum hyacintho terminum,
intus in mensa mea erant.
Quod sonat sicut volebant forsit auxilium situm, ius?
Erant 'iens ut habere rebus respice multus melior.
Quo fit ut hoc fine.
Stylistically, Ive 'iustus immersa stylesheet meum huc.
Suus 'an certe acceptum quid facerent illi.
Videamus quid simile.
Ibo igitur ad hic et Ego praevius erit table2.HTML meum.
Sed id quod minus vellet, Fusce quis ipsum sed postulanti negarunt.
Dictum est, quod hoc genus est pertinet ad mensam.
Mensa nostra unum nunc pixel lata, solidum hyacintho per circuitum.
Erant 'non actu questus ad mensam cellulis.
Lorem iustus questus ad mensam.
CSS ita operatus est.
It has adhibeant stylesheet ad mensam.
Sed non satis facere quid vellet facere.
Quomodo nos adepto ut facere facere quod velimus?
>> Sed vide obsecro unum in this version of table3.HTML.
Ita Im 'iustus iens ut illas tabs.
Im 'iens ut hic repetamus lima arbor, et patefacio sursum table3.HTML.
Et suus 'iens respicere pulchellus similiter hic in principio.
Sed notandum tempore pro usura a stylesheet immersa in ius ibi,
Im 'iens in pagina stylesheet usura link tag.
Ita Im 'retorquentis in a videtur stylesheet tables.CSS dicitur,
et hoc bene pares stylesheet iustus means-- bene,
quid est hoc file relative ad quid Im doing-- est stylesheet ut Im '
adhibitis ad mea.
Itaque si quid vis CSS facio cum hic
Ego necesse ire apertum quod table.CSS lima ut bene.
Ibo igitur ad huc iterum nostris file ligno.
Illic 'table.CSS.
Puteus pop aperire.
Nunc inminue paululum de imperio cum nostra CSS.
Videtur, ego have a iugo rerum hic geritur.
Ego videtur ponere volo quinque pixel lata, solidum rubrum terminum,
circa mensa mea ciborum reliquias.
Iam quod futurum iustus ut per ambitum.
Vidimus in table2.HTML.
Lucidissimum, I videtur ad vis specificare
quod row altitudinem L pixels excelsum.
Sic omnis row in, memini ut 'quid facit tr tag,
Im 'faciendo eam L pixels excelsum.
>> Denique hunc comment.
Et per hunc modum in CSS videre possimus.
Suus 'simillima occupare block comments syntax VULNUS stella.
Omnes text vis.
Illic 'haud licet in VULNUS VULNUS CSS.
Nam brevi inline comments, habemus hic uti hoc format.
Is vultus amo a facio multum in meo td tags.
Memento td tags, seu mensa data, quae vere sint, iustus
columnarum inside of nostra ordines, et videtur
pro singulis piece of notitia in mensa mea ciborum reliquias, volo
ut poneret ibi background colo colui cultum ut nigri coloris candidi,
color est foreground color.
Et hoc est iens futurus textus page meum.
Volo magnum font, XXII monstrare fontem, et volo
esse de font, Georgia.
Ita Im 'non iens ut habere font default.
Ego Georgia speciem quae unum ex his fontibus tela incolumis
ut weve parebant ante.
Volo textum sit amet centro in media arca
Nolo eam relinqui aligned iuris aligned.
Et volo column width esse L pixels lata pariter.
Lets accipere a inviso quid hoc vultus amo,
et si forte est emendatio.
Ibo igitur ad table3.HTML quae receptui, includit table.CSS sicut a link,
et puteus praevius is.
Ut sit amet melior iustum
Quod etiam satus respicere sicut multiplicati amet mensa.
Habeo quod terminus red circa mensa mea ciborum reliquias sed nunc
Et ego quod specificatur L elementa lucidissimum est latitudinem
aut suus 'L pixels tall-- excusationem sospesque Quaelibet columna est L pixels lata.
Notitia utriusque agminis modo notitia habet color niger.
Sic ut 'quare illis lineas ibi.
Quia in spatium inter omnes ex illis cellulis,
suus 'non a termino in et ipse suus 'iustus
Im 'solum supplet in cellulis, quae sunt actu,
facit terminos mensa, Videtur esse omnia, ea
iustus erat tenuium candidarum lines.
Sed haerent visibilia commendanda iudicaret.
Hinc pop eget nunc.
Et hoc est valde simplex stylesheet ut Ive 'applicatur,
Nunc mensa mea ciborum reliquias sicut apparet amet quattuor per quattuor multiplicationem mensam,
instead of iustus jumbled pulmentum, ubi omnia clare ordines columnarum,
sed non eximius bene verat.
Lorem superficiem scalpendo tantum quid hic CSS facite.
Fortunate CSS documentation est pulchellus fictos.
Youll uti aliquot eius tribuit, satis frequenter.
Qui locuti sumus prius in hoc video.
Illic es plures quod vos forsit quoniam non expendet omnia.
Bene autem nimis.
Sed scio, quod a multum documentation sicco illic.
Ita etiam si non per omnia, Non tibi superstes uxor tua.
Sed CSS est realiter fun experimentum.
Volo autem vehementer hortamur vos tuos circumfer ludere paginas,
et quomodo potes meliorare user spectare et sentiant
experientia visitans vestri page.
Im Doug Lloyd.
Hoc est CS50.