Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color...
Transcript of Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color...
![Page 1: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/1.jpg)
Linguagem de Estilo
![Page 2: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/2.jpg)
–Wikipedia
“Style Language is a computer language that expresses the presentation of structured
documents.”
![Page 3: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/3.jpg)
Olá mundo!
![Page 4: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/4.jpg)
Olá mundo!
Cor
![Page 5: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/5.jpg)
Olá mundo!
Cor
Tamanho
![Page 6: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/6.jpg)
Olá mundo!
Cor
NegritoTamanho
![Page 7: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/7.jpg)
Olá mundo!
Cor
NegritoItálico
Tamanho
![Page 8: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/8.jpg)
Olá mundo!
Cor
NegritoItálico
Tamanho
sublinhado
![Page 9: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/9.jpg)
Olá mundo!
Cor
NegritoItálico
Tamanho
sublinhadoHelvetica
![Page 10: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/10.jpg)
<TextView android:id="@+id/text_id" android:layout_width="300dp" android:layout_height="200dp" android:capitalize="characters" android:text="Olá mundo!" android:textColor="@android:color/blue" android:layout_centerVertical="true" android:layout_alignParentEnd="true" android:textSize="50dp"/>
Olá mundo!
Android
![Page 11: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/11.jpg)
LaTeX
Olá mundo!
{\color{blue}\Large{Olá mundo!}}
![Page 12: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/12.jpg)
QLabel* label = new QLabel; label->setStyleSheet( "QLabel { color : blue; font-size : 17px}” );
Qt
Olá mundo!
![Page 13: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/13.jpg)
Qt
![Page 14: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/14.jpg)
# stylesheet.qss QLabel { color : blue; font-size : 17px}
Qt
![Page 15: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/15.jpg)
# stylesheet.qss QLabel { color : blue; font-size : 17px}
# app.cpp QFile File("stylesheet.qss"); File.open(QFile::ReadOnly); QString StyleSheet = QLatin1String(File.readAll()); qApp->setStyleSheet(StyleSheet);
Qt
![Page 16: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/16.jpg)
# stylesheet.qss QLabel { color : blue; font-size : 17px}
# app.cpp QFile File("stylesheet.qss"); File.open(QFile::ReadOnly); QString StyleSheet = QLatin1String(File.readAll()); qApp->setStyleSheet(StyleSheet);
Qt
![Page 17: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/17.jpg)
<p
CSS
Olá mundo!
>Olá mundo!</p>
![Page 18: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/18.jpg)
style="font-size: 17px; color: blue;"<p
CSS
Olá mundo!
>Olá mundo!</p>
![Page 19: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/19.jpg)
style="font-size: 17px; color: blue;"<p
CSS
Olá mundo!
>Olá mundo!</p>font-size: 17px;
![Page 20: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/20.jpg)
style="font-size: 17px; color: blue;"<p
CSS
Olá mundo!
>Olá mundo!</p>font-size: 17px; color: blue;
![Page 21: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/21.jpg)
Estilo Android LaTeX Qt CSS
Cor textColor \color color color
Tamanho textSize \Large font-size font-size
Comparando
![Page 22: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/22.jpg)
Concluindo
![Page 23: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/23.jpg)
Concluindo• Linguagem de Estilo (LE) pode trabalhar com
outras linguagens
![Page 24: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/24.jpg)
Concluindo• Linguagem de Estilo (LE) pode trabalhar com
outras linguagens
• LE possuem termos que definem propriedades de estilo
![Page 25: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/25.jpg)
Concluindo• Linguagem de Estilo (LE) pode trabalhar com
outras linguagens
• LE possuem termos que definem propriedades de estilo
• Podem ser definido de modo:
![Page 26: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/26.jpg)
Concluindo• Linguagem de Estilo (LE) pode trabalhar com
outras linguagens
• LE possuem termos que definem propriedades de estilo
• Podem ser definido de modo:
- declarativo e imperativo
![Page 27: Linguagem de Estilo - GitHub Pages · Estilo Android LaTeX Qt CSS Cor textColor \color color color Tamanho textSize \Large font-size font-size Comparando. Concluindo. Concluindo](https://reader033.fdocuments.in/reader033/viewer/2022060407/5f0f99417e708231d444f577/html5/thumbnails/27.jpg)
Concluindo• Linguagem de Estilo (LE) pode trabalhar com
outras linguagens
• LE possuem termos que definem propriedades de estilo
• Podem ser definido de modo:
- declarativo e imperativo
- localmente ou globalmente